Recent, fiecare al doilea (dacă nu primul) client în cerințele de dezvoltare a site-ului cere să fie sigur că îl conectați la rețelele sociale. Butoanele „sociale” de pe site - instrumentul numărul 1 pentru a atrage public țintă, distribuția de conținut și PR în general. Și complet gratuit!
Rețelele sociale oferă coduri pentru butoanele și widget-urile lor pentru plasarea pe site și atașează instrucțiuni pentru instalarea acestora în sistemul de management al conținutului. Orice CMS (sisteme de operare) vă permite să le instalați, principalul lucru este să le încadrați armonios în designul site-ului dvs.
Care sunt caracteristicile și funcțiile?
Dacă site-ul dvs. este destinat persoanelor care comunică cu rețelele sociale populare. rețele, de exemplu, Vkontakte, Twitter, Instagramm, Facebook, Google+, Pinterest etc., și doriți să le acoperiți pe toate, apoi pentru a nu seta butoanele pentru fiecare dintre ele separat, având în vedere că pot diferi ca dimensiune și design, recomandăm utilizarea serviciilor de agregare. Acestea sunt instrumente simple și convenabile care vor permite vizitatorilor site-ului să partajeze rapid informații cu prietenii lor, indiferent de rețeaua socială pe care o folosesc. Mai jos vom analiza cele mai populare servicii.
Partajați butoanele Pluso Social Media
Distribuiți Pluso verificat serviciu gratuit, care va permite vizitatorilor site-ului dvs. să partajeze conținut interesant pe rețelele sociale. Vă permite să setați butoane retele sociale, precum și trimiteți pagina pentru imprimare, adăugați-o la marcaje sau trimiteți-o unui prieten prin e-mail.
Fiecare webmaster, mai devreme sau mai târziu, se gândește să instaleze butoane sociale pe site-ul său. La urma urmei, acum unii oameni nu-și pot imagina viața fără rețelele de socializare, de ce să-i privezi de oportunitățile lor de a-ți distribui articolele? Dar, de-a lungul timpului, multe servicii de butoane sociale își pierd mințile și fac ce vor cu codurile lor, introducând tot ce nu au nevoie în ele. Pentru această idee paranoică veți găsi în acest articol codurile pentru cele mai curate butoane de partajare a rețelelor sociale pentru site-ul dvs.Dacă vă este teamă că sunteți urmărit pe Internet, opriți computerul.
Nu este un secret pentru nimeni că aproape toate serviciile de butoane sociale scurg informații despre utilizatorii dvs. oriunde au nevoie. Oh, Doamne! Nu se poate! Tocmai am aflat despre asta! - Felicitări! De asemenea, trebuie să te folosească cumva, pentru munca lor și pentru eforturile lor. Au făcut servicii bune, cu o mare funcționalitate, comoditate și „calitate”. Trebuie doar să alegi ce ai nevoie și să pui codul acolo unde ai nevoie. Si asta e. Și care este beneficiul pentru ei să facă astfel de manevre gratuit pe internet? Corect. Nu. Deci, din când în când, fiecare astfel de birou se declanșează pe scurgerea datelor într-un DMP.
Nu voi descrie fiecare dintre aceste servicii, toate au o funcționalitate bună, niște caracteristici unice, dar nu am chef să le prezint separat. Am făcut o listă scurtă mai jos.
Lista celor mai populare servicii de butoane sociale pentru site
- http://share.pluso.ru/
- http://uptolike.ru/
- https://tech.yandex.ru/share/
- http://share42.com/ru
- http://www.sharethis.com/
- https://pip.qip.ru/
- https://www.addtoany.com/
- https://www.po.st/
- http://www.addthis.com/
- http://sharebuttons.com/
Dacă nu ai suficient timp sau ești prea leneș să faci mai mult de câteva mișcări ale mâinilor și falangelor, atunci poți folosi în siguranță aceste servicii. Sunt grozave atât pentru site-uri web, cât și pentru vizitatori. Dar nimeni nu garantează securitatea 100% a datelor utilizatorilor, 100% a DNS-ului lor și încărcarea site-urilor dvs. Acestea. dacă a existat o defecțiune pe serverele butoanelor sociale, atunci site-urile dvs. se vor încărca mai lent decât de obicei. Da, se întâmplă rar, dar se întâmplă. Desigur, puteți configura încărcarea asincronă a acestor scripturi, puteți optimiza munca lor, dar acestea sunt deja mai mult decât câteva mișcări despre care am scris pentru leneși.
Desigur, există coduri de rețele sociale pe Internet care sunt plasate în interiorul site-ului tău și nu scurg informații nicăieri, dar multe dintre ele conțin link-uri externe către aceleași rețele sociale. Webmasterilor nu le plac linkurile externe și, prin urmare, pentru cei mai paranoici webmasteri, am adunat coduri gata făcute pe baza scriptului goodshare.ru, pentru care chiar le mulțumesc.
Exemplul de instalare a acestui cod nu este pentru cei care nu cunosc elementele de bază ale HTML sau CSS, dar dacă aveți mâini și puțin timp, veți reuși dacă urmați cu strictețe instrucțiunile. Și așa am mers:
Arata asa:
Șase rețele sociale sunt configurate conform standardului: Facebook, VKontakte, Odnoklassniki, My World, Google Plus, Twitter. Există mai mult de 30 dintre ele în setările scriptului, dar toate acestea sunt setate separat după bunul plac. Avantajele acestor butoane, după cum afirmă autorii, cu care sunt pe deplin de acord:
- Afișaj excelent pe orice dispozitiv (Da, răspund la orice dimensiune a ecranului)
- Cod curat - site rapid și sigur (se încarcă doar scriptul, CSS și Font, care sunt doar pe serverul dvs.)
- Toate tehnologiile de partajare ale mesageriei mobile într-un singur script (Toate tipurile de telegrame)
- SEO prietenos - fără linkuri
- Nu contine poze
Ce face scriptul în sine și de ce a fost necesar să se facă acest script? Toate API-urile tuturor rețelelor sociale sunt scrise în scriptul acestor butoane, iar scriptul face din orice loc de pe site un bloc activ de partajare.
De exemplu, îl puteți pune pe blocuri DIV goale, sau Span, sau imagini, sau link-uri goale și aproape orice element al site-ului poate fi transformat în aceste butoane. În exemplul meu, am folosit un script pe div-uri goale.
Cat despre poze, nu sunt. Pictogramele pe care le vedeți sunt preluate din font, este doar un simbol și nimic mai mult.
Puteți descărca arhiva butoanelor prin .
Instalarea acestor butoane este foarte ușoară. Există doar patru fișiere în arhivă: Font, CSS, JS și TXT.
unu). Trebuie să încărcați fontul în orice folder de pe serverul dvs., îl puteți plasa în același loc în care sunt JS sau CSS.
2). Apoi, încărcați JS-ul pe serverul dvs. și redați-l pe site-ul dvs. cu cod oriunde, dar vă recomand chiar în partea de jos a paginii:
Этот скрипт состоит из двух частей, первая — это Jquery, вторая — сам код кнопок. Если у вас уже подключается Jquery на сайте, то вы можете удалить первую часть кода и сократить тем самым размер файла.
ВАЖНО : (для тех, кто убрал часть код Jquery) скрипт кнопок должен загружаться после скрипта Jquery.
3). После установки JS и шрифта, вам следует добавить CSS себе на сайт. Просто скопируйте все содержимое файла soc.css в один из ваших подключаемых CSS на сайте.
ВАЖНО : В 82 строке файла soc.css поменяйте URL на свое местоположение Шрифта!
4). После всего этого, скопируйте HTML код из файла HTML.TXT к себе на сайт, где вы хотите видеть эти замечательные кнопки.
В структуре скрипта есть возможность установки счетчиков шаринга соц.сетей, но более подробнее вы можете почитать у них в документации на сайте.
А саму работу скрипта вы можете проверить чуть-ниже этих строк, ведь именно он установлен у меня на блоге.
Спасибо за внимание, если будут вопросы по установке, пиши комментарии.
С вами был, ленивый Staurus.
П риветствую! Недавно меня в обратной связи спросили, как сделать такие же кнопки социальных сетей, которые установлены у меня на сайте. И я решил дать ответ в статье, сделав обзор 6 сервисов соц. кнопок для сайта.
Преимущества и недостатки
Однако необходимо отметить, что в некоторых случаях размещение кнопок может иметь небольшие минусы. Рассмотрим, зачем необходимо размещать кнопки социальных сетей на созданном блоге, а также рассмотрим основные положительные и отрицательные стороны размещения таких иконок.
Недостатки
- Может снизиться скорость загрузки страниц.
- При узкоспециализированной направленности интернет-проекта, можно не получить желаемого эффекта.
Обзор сервисов кнопок социальных сетей
Рассмотрим самые популярные сервисы, которые можно использовать для добавления кнопок социальных сетей на сайт.
Итак, установка кнопок социальных сетей для сайта происходит очень просто, и не вызовет затруднений даже у начинающих интернет-пользователей. По желанию, можно установить или же кнопки всех имеющихся сетей, или же выбрать только какие-то определенные сети. Для этого необходимо использовать официальные виджеты или сторонние онлайн сервисы. Наиболее большой популярностью пользуются кнопочки, установленные на личных блогах, или же на новостных или развлекательных интернет-проектах.
Социальные сети отличный инструмент для продвижения своего сайта в интернете. Через соц сети можно настроить колоссальный трафик к своему ресурсу совершенно бесплатно используя распространенный подход - кнопки соц сетей. Кнопки социальных сетей на сайте могут значительно улучшить не только посещаемость, но и взаимоотношения с поисковиками, а соответственно снова же увеличить трафик посетителей.
В этой статье я собрал все возможные способы подключения кнопок социальных сетей для сайта, если вы не найдете нужный именно вам, тогда напишите в комментариях, обязательно добавлю. О каких методах будет рассказано:
Для начала небольшой экскурс в тему, что такое и для чего нужны эти самые кнопки соц сетей для сайта.
Прекрасное видео от сервиса Pluso поможет вам легко выбрать, настроить и внедрить кнопки абсолютно на любой сайт:
На данный момент социальные сети занимают огромную роль в жизни среднестатистического человека. Практически у каждого второго есть хотя бы один профиль в социалках. По этой причине использование возможностей продвижение сайтов в социальных сетях так актуальны, это огромный мир пользователей и покупателей.
Я думаю раз вы читаете это статью, тогда вам известны примерное или точное предназначение кнопок расшаривания на сайте, а значит что мы можем переходить к основной части статьи, а именно добавлением иконок.
Яндекс кнопки соц сетей
Популярный русскоязычный поисковик предоставляет отличную возможность кнопки социальных сетей на сайт от Яндекса . Тут все до боли просто:
Теперь несколько картинок для лучшего понимания, выбираем какие сайты будем использовать:
Подбираем внешний вид, кнопки со счетчиком или без, маленькие или крупные и копируем код для вставки на сайт:
Все предельно просто, это даже проще чем использовать плагины, ну по крайней мере мне так кажется.
Не буду проводить обзор всех возможных сервисов, их суть одна и та же:
- Выбираете соц сети.
- Изменяете внешний вид.
- Копируете код.
- Вставляете у себя на сайт.
Теперь список сервисов:
- http://share.pluso.ru/
- http://share42.com/ru
- https://uptolike.com/
- http://social-likes.js.org/ru/
Настройки практически идентичны, можете выбрать более понятные для вас или более широкий функционал. Пример первого сервиса:
Не буду долго описывать, незачем, все интуитивно понятно.
Как установить кнопки соц сетей на сайт WordPress
Обычно кнопки-ссылки расположены под статьями или же на боковых сайд барах. Что бы расположить кнопки социальных сетей на ваш сайт нам потребуется провести установку и настройку требуемого плагина, или же внедрить код непосредственно в шаблон. Сперва рассмотрим плагины, а уж затем ручное добавление кнопок. Как устанавливать плагины можно прочитать .
Для данного случая мы выбрали два удобных плагина, которые именуются как Social Share Buttons и Jetpack.
Первым более продвинутым плагином для добавления кнопок социальных сетей на ваш сайт WordPress является Jetpack.
Данный плагин создан и обслуживается разработчиками WordPress, по этому и доверия к нему больше чем к остальным.
Затем нажимаем «Настроить» и нас перекидывает в меню настроек социальных сетей.
В данном блоке мы выбираем нужные нам кнопки для социальных сетей.
Что бы выбрать нужные нам нужно просто перетащить кнопки социальных сетей с верхнего поля в нижнее, ниже мы увидим визуальное отображение иконок.
В следующем меню мы настраиваем стиль кнопки и места их вывода на нашем сайте.
После того как мы настроили то что нам нужно, нажимаем «Сохранить изменения» и наши кнопки социальных сетей появятся под нашими записями на сайте.
Установка кнопок социальных сетей на сайт WordPress. Настройки Social Share Buttons.
Итак, не будем ходить вокруг да около, а перейдем сразу же к установке кнопок социальных сетей . Заходим с в меню настройки и добавления плагинов. Через поиск находим предложенный нами Social Share Buttons for WordPress.
Установив и активировав плагин для добавления иконок социальных сетей , заходим в появившееся новое меню с консоли нашего WordPress - Share Buttons.
Как видим, меню наше делиться на три подменю, рассмотрим и разберем каждый из них по отдельности:
Главные настройки отображения кнопок социальных сетей на сайте WordPress.
Что мы можем тут настроить?
- Мы можем загрузить логотип нашего сайта, что предаст нашим кнопкам некой зрительной привязки к нашему ресурсу.
- Текст призыв или что-то в этом роде можно разместить над кнопками.
- Автоматическая генерация мета данных которые будут привязаны к опубликованной статье в соц сети.
- Позиционирование кнопок социальных сетей, слева справа по центру по отношению к статье.
- Вертикальные позиции кнопок, внизу или вверху.
И чекбоксы выбора где отображаются ваши кнопки, с позиции «На главную» убрана галочка потому что нам не нужны кнопки под каждым анонсом статей на главной странице, так же можно исключить статьи на которых не будут отображаться иконки кнопок.
Share настройки, выбор стиля кнопок для социальных сетей.
- Выбираем понравившиеся стиль и сортируем на свое усмотрение наши иконки.
- Настраиваем с какими именно соц. сетями вы хотите взаимодействовать и где соответственно продвигать свой продукт.
- Настройка отступов между иконками.
В этом цикле настроек кнопок для взаимодействия с социальными сетями на сайте WordPress нужно разбираться с каждой кнопкой отдельно, если вам будет это интересно и нужно вы сами разберетесь что к чему.
После того как все настройки были сделаны, мы сможем убедиться в их полезности и функциональности уже на вашем сайте WordPress.
Какой из плагинов использовать выбирать вам, но я рекомендую Jetpack, он часто обновляется и более быстрый в работе.
Добавление каждой кнопки соц сети по отдельности
Твиттер так же предоставляет широкие настройки для кнопок. Ссылка , скрин ниже:
Всем привет! Сегодня речь пойдет о пяти самых интересных сервисах, на которых просто и быстро можно выбрать внешний вид социальных кнопок для сайта и получить соответствующий код.
Галочками отметьте нужные пункты и выберете внешний вид блока. Код генерируется автоматически.
Google +1
Google +1 позволяет пользователям проголосовать за страницу вашего портала и рассказать о ней своим друзьям в социальной сети Google+. Чем больше голосов она соберет, тем лучше к ней будет относится Google, поэтому старайтесь выбирать размер для нее по-больше и располагать на видном месте.
Настройте размер и внешний вид кнопки, выберете русский язык. Расширенные настройки вам вряд ли пригодятся. Как видите, получит социальные кнопки от Яндекс и Google очень легко и быстро. Буквально два клика мыши, и все готово!
AddThis.com предлагает разместить оранжевую кнопку Share (или оранжевый +), содержащую огромное количество всевозможных социальных сетей, закладок и сервисов. Самые популярные социалки можно вынести из общего списка и поместить отдельно рядом с Share. Помимо этого, сервис предлагает аналитику и статистику по активности читателей. Для доступа к ней на addthis.com следует зарегистрироваться.
Если вы все правильно сделали и папка со скриптом действительно загружена в корневой каталог, то ее адрес будет http://vash_site.ru/share42/. Укажите его в пункте 3 раздела «Установка скрипта на сайт».
На четвертом шаге вам предлагается выбрать своего сайта, если вы ее используете. В зависимости от отмеченного пункта, код ниже несколько изменятся.
Теперь необходимо код из шага №5 вставить к себе на сайт. Для горизонтального блока социальных кнопок все просто — куда вставите, там он и отобразиться. С плавающим вертикальным несколько сложнее.
В последней строчке кода следует указать расстояние в пикселях от начала страницы (в примере 150) и от верха видимой области (в примере 20) до плавающей панели.
Если не знаете, куда именно вставить код, на выручку всегда придет методом «научного тыка» — рано или поздно у вас все получится, и панелька отобразиться на нужном месте.
Последнее, что следует сделать, это скопировать стили из шага №6 в файл стилей вашего сайта — с расширением.css. Чаше всего этот файл носит название style.css.
А теперь гвоздь программы — социальные кнопки с счетчиками, которые я использую в настоящий момент на своем блоге! Смотрятся просто шикарно! Доступны два размера — маленький и крупный. Между прочим, на икони с счетчиками люди нажимают гораздо охотнее. Это я даже по себе заметил.
О том, как их установить на свой блог, читайте в разделе «Важная информация»:
Первый код отвечает за функционал кнопок, его вставляем перед закрывающим тегом head, который в темах для WordPress располагается в шаблоне header.php.
< script src= "//yandex.st/share/cnt.share.js" > |
Al doilea cod este responsabil pentru afișarea acestora. Îl inserăm în locul codului sursă al paginii unde ar trebui să apară pictogramele.
< div class = "yashare-auto-init" data- yashareLink= "" data- yashareTitle= "" data- yashareDescription= "" data- yashareImage= "" data- yashareQuickServices= „yaru, vkontakte, facebook, twitter, odnoklassniki, moimir, gplus” data-yashareTheme="contor" data-yashareType="small"> div> |
Observați atributul data-yashareType="small". Mărimea pictogramelor este setată aici: mic - mic, mare - mare. Totul ingenios este simplu.
Cum să adăugați codul butonului social pe site
Am descoperit scriptul de la Share42, acum să ne uităm la cum să adăugați cel mai bine codul butoanelor sociale din alte servicii la resursa de Internet.
Codul butonului este format din două părți:
1. Un script inclus între etichete care arată cam așa:
Și deja codul responsabil pentru afișarea butoanelor sociale ar trebui să fie introdus oriunde pe site.
Asta e tot, mulțumesc pentru atenție. Ai grijă de tine!