Кнопки социальных сетей на сайт

Е сли вам необходимо добавить бесплатные кнопки социальных сетей на сайт WordPress, Joomla, Bitrix или Drupal, — рекомендую воспользоваться UpToLike.

UpToLike — сервис социальной активности, предоставляющий массу полезных возможностей для вебмастеров. При помощи этого сайта можно:

Установить кнопки социальных сетей;
Настроить «умные» pop-up виджеты;
Сделать подписку на группы в «социалках»;
Настроить опцию «лайков» под статьями;
Добавить возможность делиться картинками;
Вывести рейтинг статей;
Внедрить невидимый счётчик;
Установить модуль социальной авторизации.

Так как пост посвящён тому, как добавить кнопки социальных сетей на сайт бесплатно, я не буду распыляться и расскажу только об этой опции.

Like Button для Facebook

Сама кнопка настраивается на этой странице.

Настроек минимум.
URL to Like – Адрес страницы.
Width – Ширина кнопки, можно оставить пустой.
Layout – Шаблон для кнопки, может быть standard – кнопка с текстом, box-count – кнопка и счетчик сверху, button-count – кнопка и счетчик справа (Наш Вариант!), и button – просто кнопка. Выбираем button-count.
Show Friends’ Faces – чекбокс (не отмечаем), если отметить, то под кнопкой будут выводиться фото друзей, которые уже лайкали запись.
Include Share Button – чекбокс (не отмечаем), если отмечен, то возле кнопки “Нравится” будет выводиться кнопка “Поделиться”.
Во время настройки внизу будет выводиться пример кнопки.

Нажимаем “Get Code” – и в всплывающем окне получаем код для размещения на сайте:

Первая часть кода, которая выглядит примерно так:

Размещаем в код своего сайта после открывающегося тега <body>.

Важно! Если вы до этого уже размещали на сайте виджет комментариев Facebook или другие виджеты Facebook, тогда этот код у вас уже размещен на сайте и дважды его ставить не нужно.

Вторую часть кода, которая имеет примерно такой вид:

копируем на свой сайт в то место, в котором кнопка Like будет выводиться.

Важный момент! При копировании кода в файлы какой-либо CMS – нужно заменить параметр data-href во втором блоке (адрес сайта):

на код для постоянных ссылок своего сайта, для CMS WordPress это <?php the_permalink(); ?> , и получим такой код для второго блока, который нужно вставить в место вывода кнопки Like:

Читайте так же:

Поверка счетчиков документы для ук жэк

Для DLE код для кнопки Like Facebook выглядит так:

Для Drupal код для кнопки Like Facebook такой:

JBSocial — социальные кнопки

В последнее время многие люди постоянно сидят в различных социальных сетях. Там они общаются, читают новости, комментируют и т. д.

Поэтому стало важным устанавливать социальные кнопки на своих сайтах. С помощью них люди делятся ссылками на понравившиеся страницы. А их друзья переходят по этим ссылкам. Следовательно, повышается конверсия.

В компоненте Zoo есть элемент Social Buttons, который использует только три социальные кнопки — Google+, Facebook и Twiter. Но их зачастую бывает недостаточно, особенно в России, где существуют свои соц.сети.

Мы создали элемент JBZoo Social, который содержит 20 кнопок, чтобы пользователи могли делиться ссылками в различных сообществах.

Как добавить новый элемент?

Перейдите во вкладку шестеренка и зайдите в приложение JBZoo App.

Найдите тип материала, в котором хотите создать новый элемент и кликните Редактировать поля.

В Библиотеке нажмите на надпись JBZoo Social и у вас появится новый элемент.

Заполните обычную информацию для всех полей: название поля и описание, уровень доступа. Ниже выберите, какие из них должны быть показаны на сайте.

Как настроить элемент в шаблоне?

Найдите тип материала, в котором вы создали новый элемент и напротив него зайдите в нужный шаблон материала. Перетащите ваш элемент в позицию слева.

Вы увидите множество настроек. Давайте разберем их по частям:

Кнопка ВКонтакте

Like ВКонтакте — опция, которая позволяет ставить лайки в данной социальной сети.

Тип кнопки ВКонтакте — её внешний вид. Вы можете выбрать в выпадающем списке тип, наиболее подходящий для сайта:

Кнопка с текстовым счетчиком;
Кнопка с миниатюрным счетчиком;
Миниатюрная кнопка;
Миниатюрная кнопка, счетчик сверху.

Высота кнопки — размер по вертикали. Выберите тот, который больше вам подходит (18, 20, 22 или 24 px).

Текст в кнопке — надпись, отображаемая внутри кнопки.

ID приложения — код, который необходим для отображения виджета «Мне нравится» на вашем сайте. Он обязательный и вы можете получить его как описано в статье. При этом вы должны быть авторизованы.

Читайте так же:

Скж счетчик количества жидкости

Кнопка Facebook

Like Facebook — параметр для включения лайков.

Отправить — опция, при активации которой на странице будет показана данная кнопка.

Шаблон кнопки — внешний вид, который может иметь кнопка. Выберите, какой по вашему мнению больше подходит сайту.

Цветовая схема — оттенок кнопки (светлый, темный).

Текст на кнопке — одна из надписей, отображаемая внутри (Нравится или Я рекомендую).

Локализация — язык, на который будут переведены все надписи на кнопке (русский, английский).

Кнопка Twiter

С помощью — настройка, в которую можно прописать имя пользователя твитера. Тогда к сообщению прибавится слова с помощью и ссылка на введенный аккаунт. Обычно у каждой компании (сайта) есть официальный твитер аккаунт. Рекомендуем прописать его в данное поле.

Размер — параметры кнопки (большой, стандартный).

Рекомендовать — текстовое поле, в которое вводится имя пользователя. После того, как кто-либо из посетителей твитнет, он перейдёт на твитер страницу прописанного пользователя. Можно прописать твитер аккаунт компании или сайта.

Метка (хештег) — тематическая метка, содержащая слово или фразу, о которой идёт речь в записи. Он должен начинаться с решётки (#) и не содержать пробелов. Можно написать кириллицей.

Адаптация твитера — настройка, которая определяет, какие аккаунты читают посетители тех или иных сайтов, и на основе этого строит блок рекомендаций тем, кто часто посещает интернет-ресурсы. Если данная опция включена, то это позволит твитеру собирать информацию о пользователях.

Счетчик — параметр для включения подсчета твитов.

Кнопка Одноклассники

Ваш ресурс — доменное имя вашего сайта в виде «http://mysite.ru».

Отображение счетчика — опция, показывающая количество лайков.

Счетчик — его местоположение (справа, сверху).

Текст на кнопке — настройка, при активации которой будет показываться текст.

Надпись на кнопке — слова, написанные на ней (Класс!, Поделиться или Нравиться).

Вид кнопки — её форма (Овал, Закругленные края, Квадратная кнопка)

Размер — параметры кнопки в пикселях.

Кнопка Google

Размер кнопки — различные линейные характеристики (Большая, Средняя, Маленькая, Вытянутая).

Аннотация — текстовое замечание:

Горизонтальная — отображается справа от кнопки.
Только счетчик, который находится над кнопкой.
Без аннотации — замечание отсутствует.

Размер аннотации — линейные параметры (не менее 120 px).

Читайте так же:

Словесная льется без всяких счетчиков 4 буквы

Linked In

Linked In — настройка для включения данной социальной кнопки.

URL — адрес, который будет отправляться в эту соц.сеть.

Счетчик — его местонахождение относительно кнопки (Без счетчика, Справа, Сверху).

Блок Поделиться (Yandex Share)

Отображаемые сервисы. Укажите, через запятую, сервисы, иконки которых будут стоять рядом с кнопкой. Доступные значения: blogger, delicious, diary, evernote, facebook, friendfeed, gplus, guick, liveinternet, lj, moikrug, moimir, myspace, odnoklassniki, surfingbird, pinterest, tutby, twitter, vkontakte, yaru, yazakladki.

Шаблон отображения — внешний вид кнопки.

Как управлять кнопками в материале?

Зайдите на страницу редактирования материала. Вы увидите настройку для включения или выключения социальных кнопок. Выберите Да, если хотите, чтобы кнопки отображались на данной странице. В противном случае выберите Нет.

Скрипты кнопок социальных сетей для сайта

1. Красивые социальные кнопки для сайта — goodshare.js
Отображение кнопок практически на любом устройстве. Чистый код. Краткая документация. SEO friendly.

2. Скрипт кнопок социальных закладок и сетей — Share42
Выберите размер и отметьте иконки сервисов, которые хотите использовать на сайте. Выберите нужные опции. Посмотрите, как это будет выглядеть и/или скачайте готовый скрипт. Установите скрипт на сайт WordPress, Drupal, другое.

3. Красивые кнопки «лайков» соцсетей с использованием jQuery — Social Likes
Скрипт кнопок «лайков» со счётчиками в едином стиле для соцсетей: Facebook, Twitter, ВКонтакте, Одноклассники, Мой мир, Google+ и Pinterest.

Счетчики лайков для joomla

Дорогие друзья! Молодые вебмастера!

Социальные сети в настоящее время являются самыми посещаемыми ресурсами в Интернете. Я уже писал о том, что продвижение сайтов в социальных сетях путем, в частности, размещения ссылок на разрабатываемый вами сайт в социальных сетях и наоборот может существенно поднять его посещаемость.

Как же обеспечить интеграцию сайта и соцсетей? Это первая из серии статей на эту тему.

Регистрация в соцсетях и создание тематических групп и страниц

Прежде всего, автору сайта нужно завести аккаунты в каждой их наиболее популярных сетей : ВКонтакте, Facebook, Twitter, Google+, Одноклассники и других по вашему желанию Все это совершенно бесплатно и дело нескольких минут.

Кроме личной странички аккаунта, затем вам полезно организовать в этих сетях отдельные тематические страницы или группы (кроме Твиттера, где это не предусмотрено). Это даст возможность, в свою очередь, организовать автоматический кросспостинг на эти страницы анонсов ваших статей на сайте или в блоге. Как раз эти анонсы и будут снабжены обратными ссылками на ваш сайт, которые будут быстро индексироваться поисковыми системами, что и нужно для быстрого и успешного продвижения. Примеры таких целевых страниц для моего сайта вы можете посмотреть в упомянутой выше статье.

Читайте так же:

Акт снятия показателей счетчиков

Но это только половина дела.

Ссылки на соцсети

Интеграция сайта и соцсетей была бы неполной, если бы не предполагала также и обратное: размещение ссылок на соцсети на сайте. Это делается для того, чтобы привлечь посетителей сайта на ваши странички в соцсетях, сделать их подписчиками этих страниц или групп, что в свою очередь будет доставлять им свежую информацию об обновлениях сайта и заставит их снова и снова возвращаться на сайт. Что и требуется. Вот такой круговорот. Это и есть интеграция в действии.

Обычно, как минимум, это делается путем размещения на видном месте страниц (всех или большинства) иконок соцсетей в виде ссылок, ведущих на организованные вами страницы или группы в соцсетях.

Виджеты и плагины

Кроме того, желательно разместить на страницах специальные плагины и виджеты – приложения, позволяющие делать действия в социальных сетях, не покидая страниц вашего сайта:

оставлять комментарии к вашим статьям, не проходя дополнительную регистрацию на сайте,
делать лайки (пометки «Мне нравится»),
делиться ссылками на данную страницу со своими друзьями по сети.

Все эти действия будут видны одновременно на ваших страницах (комментарии, счетчики лайков и ссылок) и в аккаунтах самих посетителей и их друзей. А последнее приводит к цепной (вирусной) реакции распространения контента и ссылок на ваш сайт по соцсети (так называемый вирусный маркетинг). Эту возможность не стоит недооценивать.

Авторизация

Иногда используется механизм авторизации посетителя через соцсети, а не прямой регистрации на сайте. Это избавляет его от лишних телодвижений, подтверждения по email и прочего, что так не любят многие. Но я лично эту функцию не использую, так как на моем сайте авторизация посетителей не предусмотрена (только администраторов и модераторов).

О том, где найти и как разместить плагины и виджеты соцсетей на страницах сайта, я расскажу в следующий раз.

Читайте так же:

Счетчик купюр magner 175

Открываем и закрываем ретвиты

Впрочем, некоторые люди ретвитят все подряд, что может сильно раздражать. Вы можете легко заблокировать ретвиты таких людей, для этого нужно перейти на их страницу, щелкнуть по значку настроек и выбрать пункт «Отключить ретвиты». Примерно так:

Теперь вы не будете видеть ретвиты этого человека. Если же вас интересует как отрыть ретвиты в Твиттере, то нужно выполнить эту операцию еще раз, только вместо «Отключить» выбрать «Включить».

Вот и все, теперь вы знаете что такое ретвиты, как их делать, как в Твиттере разрешить ретвит и как его запретить.

Ни для кого не секрет, что весь наш мир погряз по уши в Интернете, в различных социальных сетях и мессенджерах. Искусственное общение с успехом вытесняет живое, и все считают, что так и должно быть. Вместе с развитием интернет-развлечений появляется специальный язык. Современному человеку он кажется крайне понятным и удобным, но люди старой закалки часто приходят в от его нелитературности. Сейчас расскажем об истории некоторых новых слов, откуда они пришли, что собой представляют и для каких целей используются.

Плавающие кнопки

Выбираем настройки расположения вертикальных и горизонтальных кнопок: правая, левая сторона или отключено.

Указываем минимальную ширину экрана, когда боковой блок будет виден. И наоборот: горизонтальные кнопки будут видны на экране меньшего размера /укажем ширину в пикселях/.
Смещение от края и расстояние сверху для вертикального блока или сбоку для горизонтального блока. По умолчанию все прописано и можно ничего не менять. Сохраняем настройки, и смотрим на результат.
Если у Вас включен Adblock, то Вы не увидите мои кнопки AddToAny Share Buttons. Надо отключить запрет показа социальных сетей в Adblock. В настройках снимем галочку напротив Fanboy’s Social Blocking List.

Бесплатный плагин социальных кнопок для WordPress AddToAny Share Buttons решает несколько задач и удобен для блогера. Оправдает он ожидания или нет покажет время.
В 20 секундном видео показано, как плавают кнопки плагина AddToAny Share Buttons.

голоса

Рейтинг статьи