Schetchiksg.ru

Счетчик СГ
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Кнопки соцсетей для сайта со счетчиком

Расположение кнопки соцсетей для сайта: зачем, где и как

Неотъемлемая часть поискового продвижения

  • Главная
  • Блог
  • Расположение кнопки соцсетей для сайта: зачем, где и как

Из этого материала вы узнаете:

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

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

Итак, давайте разберемся, как этот трафик направить в нужную вам сторону с помощью кнопки соцсетей для сайта.

Роль кнопки соцсетей для сайта

Роль соцсетей в поисковом продвижении достаточно серьезна:

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

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

Разновидности кнопок соцсетей для сайта

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

  • Поделиться (share buttons). Данная разновидность кнопок работает как бесплатная реклама веб-ресурса. Виджет разрешает посетителям делиться с друзьями из соцсетей контентом с сайта, размещая ссылки на него в своем профиле. Новые пользователи проходят по этим ссылкам и таким образом увеличивают входящий трафик на сайт.
  • Подписаться (follow buttons). Эти кнопки выведут посетителей на группы в соцсетях, где они смогут оформить подписку на новости сайта. То есть соцсети в этом случае являются еще одной площадкой для информирования подписчиков о статьях, продуктах, предложениях веб-ресурса.

Преимущества кнопки соцсетей на сайте

Подсказывают пользователям, что на кнопки требуется нажать

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

Упрощают сохранение полезных материалов

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

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

Привлекают на сайт новый трафик

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

Читайте так же:
Оптопорт для счетчиков альфа

Минусы кнопки соцсетей для сайта

«Слепота» на социальные кнопки

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

Неготовность пользователей

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

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

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

2 нюанса расположения кнопки соцсетей на сайте

Продумываем расположение

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

Чаще всего социальные виджеты ставят в начале или в конце статьи, а также в sidebar. Можно протестировать разные варианты расположения и решить, какое будет оптимальным для конкретного веб-ресурса.

Задаем внешний вид социальных кнопок

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

  • быть заметными на фоне сайта, но не оттягивающими внимание пользователей на себя;
  • логотипы социальных сетей должны быть идентифицируемыми, даже если они видоизменены исходя из общей стилистики веб-ресурса;
  • использование минимальных анимационных эффектов в виде, например, плавного изменения цвета при наведении курсора, но никак не навязчивое мигание или неожиданное выскакивание;
  • применение не более пяти — семи социальных кнопок с учетом целевой аудитории сайта (в России обычно пользуются YouTube, Instagram, «ВКонтакте», «Одноклассниками», Facebook, мессенджерами Viber и WhatsApp);
  • ссылки на социальные сети должны работать с учетом того, что, к примеру, ссылку на Google+ могут открыть только корпоративные пользователи из-за закрытой соцсети, а в переживший цепь блокировок Telegram не всегда получается беспроблемно войти;
  • быть удобного для клика размера: оптимально от 10 на 10 пикселей до 40 на 40 пикселей, то есть не слишком маленькие и в то же время заметные, такие, на которые удобно нажимать, не задевая соседние кнопки.

8 вариантов размещения кнопок соцсетей на сайте

  1. На главной странице. Ссылкам на группы в социальных сетях можно выделить большой блок, в котором демонстрируются последние записи аккаунта. Блок размещается после информации о продукте.
  2. На странице об организации. Блок со ссылками на соцсети располагается после презентации компании, внизу страницы.
  3. На странице с контактной информацией. Это актуально, когда социальные сети тоже являются способом связи с представителями сайта. В этом случае виджеты соцсетей на странице «Контакты» будут очень удобны пользователям.
  4. В футере веб-ресурса. В «подвале» обычно ставят только кнопки соцсетей, чтобы не было перегрузки блока. Они доступны посетителям с любой страницы сайта.
  5. После полезного контента: графической информации, статьи, анонса рекламной кампании, то есть такого материала, которым люди готовы делиться. Рекомендуется ставить выровненные по левому краю ссылки.
  6. На странице с рекламными кампаниями, ценовыми акциями. Обычно их не берут в расчет, а между тем у клиента может возникнуть желание поделиться привлекательным ценовым предложением в соцсетях.
  7. На страницах с продуктом. С них удобно отправить ссылку на интересующий посетителя товар. Оптимальным считается размещение ссылок под изображением продукта, с левой стороны.
  8. На странице с услугами. Если организация предлагает услуги, то аналогично странице с товаром кнопки размещаются на странице с описанием услуги, но оптимальной зоной для них будет первый экран.
Читайте так же:
Счетчик времени для армии

На сайте есть зоны, где размещение кнопок соцсетей не рекомендуется:

  • Шапка веб-ресурса. Виджеты в шапке подталкивают посетителей покинуть сайт и сразу перейти в соцсети. Поэтому имеет смысл ставить кнопки только после основной информации.
  • Боковое меню. Во-первых, меню перегружается лишними элементами, а во-вторых, призыв переходить в соцсети будет преждевременным: пользователь еще не изучил все возможности интернет-ресурса.
  • Прикрепление на странице. Закрепленные социальные виджеты отвлекают от других разделов сайта. Поэтому на странице логичнее фиксировать чат-бот или формы для обратной связи.

Ошибки размещения кнопок соцсетей на сайте

  • Расположение без учета информационной составляющей сайта

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

Рядом с неполезным и незанимательным материалом

Это могут быть шаблонная информация из серии «О компании» или страницы товаров, ссылками на которые в принципе странно делиться в социальных сетях.

Перед полезным контентом

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

Поэтому кнопку социальных сетей оптимально ставить после полезной информации. Так посетитель не забудет сохранить в своем аккаунте ссылку на понравившийся контент.

Коды HTML для добавления кнопки соцсетей на сайте

Социальные виджеты добавляются на веб-ресурс через код HTML конкретной соцсети.

Выбираем лучшие кнопки социальных сетей для сайта

  • 1
  • 2
  • 3
  • 4
  • 5

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

Соцкнопки необходимы, это очевидно. Вопрос в другом – какие выбрать? Мы для вас протестировали ТОП 5 различных сервисов для добавления кода кнопок на сайты. Цель – выявить оптимальный и показать его в деталях. Начнём с отборочного этапа.

Выбор лучшего сервиса социальных кнопок

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

Состав команды аттестуемых таков:

  1. uSocial – конструктор социальных кнопок.
  2. Поделиться – скрипт соцкнопок от Яндекса.
  3. Pluso – генератор соцкнопок для сайта.
  4. AddThis – сервис для создания кнопок поделиться.
  5. UpToLike – сервис социальной активности.

В результате тестирования выбранных социальных сервисов – лидером оказался uSocial. Теперь вы желаете получить обоснование нашего выбора. Само собой, голословными не останемся.

Особенности кнопок uSocial

uSocial – это мощный конструктор социальных кнопок «Поделиться» и «Мне нравится» для сайта. Имеет собственную функциональную кнопку для шаринга uLike, виджет для привлечения посетителей (завлекающее pop-up окно), приложение для ВК сообществ, конструктор мета-данных и инструмент отладки (очистки кэша). Отдельно стоит выделить наличие такой полезной опции как «Социальный замок» позволяет скрывать заданный контент (ссылку, промокод и т.д.) на страницах сайта и предоставлять к нему доступ по истечению определенного времени или при выполнении условия – «Поделиться» сайтом в социальных сетях! Само собой, есть поддержка мобильной версии блока, счетчика репостов/лайков, доступна масса гибких настроек для отображения, а также подробная статистика репостов в личном кабинете. Кнопки можно установить на сайт любого конструктора или CMS: uCoz, uKit, Wix, Jimdo, WordPress, Joomla и остальных движков.

Читайте так же:
Ваттметр счетчик потребления энергии

Приведем некоторые факты, убедившие нас в правильности принятого решения.

  • Во-первых, конструктор соцкнопок uSocial обладает удобным, понятным и эргономичным дизайном.
    Перемещаясь по панели функционала, которая включает в себя несколько пунктов, вы можете всегда слева видеть окно предпросмотра, что является большим плюсом. При этом, конструктор не выглядит перегруженным. Он полностью на русском языке, но имеет также и полноценную английскую локализацию. Многие аналогичные сервисы поддерживают русский язык, но не все. Например, AddThis не имеет такой возможности, что резко снижает его привлекательность для российских вебмастеров.
  • Во-вторых, uSocial предоставляет реально широкий функционал. В конструкторе можно настроить блоки “Поделиться” и “Мне нравится” так, чтобы они максимально органично смотрелись на вашем сайте. Круглые или квадратные иконки, пять различных эффектов при наведении, расположение – вертикальное, горизонтальное или статичное в заданном месте, три вида размеров, наличие общего счетчика и для каждой кнопки в отдельности, добавление кнопки “Наверх”, настройки мобильного вида, привлечение внимания к кнопкам и призыв к действию – в общем всё, что душе угодно. Таким обширным функционалом не сможет похвастаться ни один из приведенных в нашем обзоре конкурентов.
  • В-третьих, сервис дает возможность добавления, хранения и редактирования наборов в личном кабинете. Такой функции нет, например, в Яндекс Поделиться и Pluso. Эта фича очень удобна, если вы разработчик однотипных сайтов, а потому изменений в блоке “Поделиться” нет совсем или они незначительные.
  • В-четвертых, удобство использования самого блока. Для пользователя сайта работа с блоком не должна вызывать затруднений, иначе он просто откажется им пользоваться. Как, например, в случае с блоками от сервиса Яндекс.
    Для того, чтобы найти нужную вам соц. сеть, если она изначально не представлена в блоке, придется пролистать вниз внушительный список и отрываться при этом от содержимого сайта, что не слишком удобно.
    uSocial никак не мешает просмотру страницы. Если вдруг пользователь не хочет постоянно видеть данный блок на сайте, он может его скрыть и развернуть вновь при необходимости.

Словесного сравнения многим окажется мало. Поэтому мы составили сравнительную таблицу кнопок от uSocial и остальных дебютантов (используемая шкала оценки – от 1 до 5). Все эти данные получены в процессе тестирования.

MnogoBlog

как создать сайт на wordpress, настроить и оптимизировать wordpress

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

Здравствуйте, сегодня рассмотрим лучшие онлайн-сервисы и wordpress плагины для отображения кнопок социальных сетей (в том числе ВКонтакте и Одноклассники), через которые посетители смогут поделится со своими друзьями интересной информацией, найденной на вашем сайте.

1. AddThis Sharing Buttons
Последнее обновление: 4 недели назад.
Активных установок: 200,000+
Сайт плагина: “wordpress.org/plugins/addthis/”

Более 200 социальных сетей, в том числе ВКонтакте и Одноклассники.

Можно располагать кнопки в начале контента, в конце контента, а также плавающие сбоку слева или справа:

«ВКонтакте» является первым по популярности сайтом в России, Украине и Белоруссии. На сайт “ВКонтакте” заходят миллионы человек в день. Поэтому вы сможете значительно увеличить посещаемость вашего сайта, раскрутив его в данной соцсети, а с помощью услуги накрутка лайков вк сделать это будет проще простого!

2. Онлайн-сервис “Share42.Com”

Доступные социальные сети:

Про то как установить кнопки от AddThis к себе на сайт – читайте мою запись – Плавающие кнопки социальных сетей от Share42.Com.

Читайте так же:
Счетчик дмб для всех телефонов

Кнопки могут быть плавающими с боку или же горизонтальными – устанавливаются с помощью кода.

3. Онлайн сервис “share.pluso.ru”

Доступные социальные сети и как будут выглядеть кнопки:

Про то как установить кнопки от Pluso к себе на сайт – читайте мою запись – Социальные кнопки со счетчиком от Pluso.

Кнопки могут быть плавающими с боку или же горизонтальными – устанавливаются с помощью кода.

4. Yandex Share (Яндекс Поделиться)
Последнее обновление: 9 месяцев назад.
Активных установок: 2,000+
Сайт плагина: “wordpress.org/plugins/yandex-share/screenshots/”

Доступные социальные сети:

– Я.ру
– Вконтакте
– Facebook
– Twitter
– Одноклассники
– МойМир
– Livejournal
– Friendfeed
– Мой круг
– Google+

Можно выбрать кнопки в виде иконок или счетчиков:

Кнопки будут располагаться в конце записей/страниц.

5. AddToAny Share Buttons
Последнее обновление: 4 недели назад.
Активных установок: 200,000+
Сайт плагина: “wordpress.org/plugins/add-to-any/”

Доступные социальные сети:

Расположение кнопок горизонтальное и вертикальное (плавающие):

6. Hupso Share Buttons for Twitter, Facebook & Google+

Последнее обновление: 3 месяца назад
Активных установок: 50,000+
Сайт плагина: “wordpress.org/plugins/hupso-share-buttons-for-twitter-facebook-google/”

Есть кнопки Вконтакте и Одноклассники! Есть виджет для кнопок социальных сетей.

Доступны следующие социальные сети:

Кнопки будут выглядеть следующим образом:

Расположить кнопки можно в начале и в конце статьи, а также в виджете в сайдбавре (боковой колонке сайта):

7. Super Socializer

Последнее обновление: 1 день назад.
Активных установок: 10,000+
Сайт плагина: “wordpress.org/plugins/super-socializer/”

Есть кнопка соцсети “ВКонтакте”!
Плагин Super Socializer – многофункциональный плагин – позволяет авторизовываться на сайте через соц. сети, оставлять комментарии через соц. сети, поделиться полезной информацией через соц. сети.

После установки и активации плагина в вашей админке появиться новый подпункт “Super Socializer”, в его подпункте “Social Sharing” – вы сможете выбрать и настроить кнопки социальных сетей.
Выбор социальных сетей производиться во вкладке “Настройки Поделиться”:

Доступные социальные сети:

Пожалуй, это самые лучшие wordpress плагины и онлайн сервисы позволяющие поделиться полезной информацией, найденой на вашем сайте через социальные сети на данный момент времени!

Похожие записи:

  • Плавающие кнопки социальных сетей от Share42.Com
  • Социальные кнопки со счетчиком от Pluso
  • Кнопка оплаты или пожертвований сайту от Яндекса,…
  • Личная страница – хранилище счетчиков и показателей
  • Яндекс виджеты для вебмастера
  • Необходимые меры для повышения безопасности вашего…

Кнопки социальных сетей wordpress : 2 комментария

  1. СергейЯнварь 21, 2019 в 18:27

В Super Socializer нет возможности залогиниться через Одноклассники

Addthis стал подгружать рекламные скрипты. Перешла на них с Uptolike, теперь ищу замену. Похоже, ничего лучше, легче и надежнее своего решения не получится найти.

Добавить комментарий Отменить ответ

Для отправки комментария вам необходимо авторизоваться.

Собственная HTML+JavaScript кнопка «Поделиться» во вконтакте для сайта со счетчиком. 2 способа получения количества репостов, используя VK API

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

Пример кнопки — сразу под постом, перед формой подписки. Вы можете сами убедиться в рабочести моей кнопки, только обратите внимание — для ускорения загрузки страниц мой сайт кэширует счетчик кнопки на 2 часа. То есть после того, как вы поделились постом во вконтакте, вам нужно подождать до 2 часов (максимум), чтобы счетчик изменил своё значение.

Шаг 1. Создание HTML кнопки.

Даже jQuery нам не понадобится, просто вставляете код в то место, в котором хотите отобразить кнопку. Как вы видите, по сути тут чистый HTML и чуть-чуть JavaScript, причем если его удалить, то это будет просто кнопка-ссылка, но в то же время счетчик будет работать как полагается (WordPress или чистый PHP обязателен).

  • Строчка 2 — в этой переменной укажите URL, на котором находится кнопка «Поделиться», если у вас WordPress, то можете использовать функцию get_permalink().
  • 3 — заголовок или название страницы, опять-таки для WordPress его можно получить функцией get_the_title().
  • 4 — короткое описание.
  • 5 — URL изображения-миниатюры, которое должно будет отобразиться во вконтакте. В коде же я показал пример для WP, основываясь на его функционале миниатюр — сначала я получил ID миниатюры функцией get_post_thumbnail_id(), а затем, уже при помощи wp_get_attachment_image_src(), на основе этого ID, получил URL картинки.
  • 8 — да, именно на этой строчке мы и получаем количество репостов из API, в примере используется функция из второго способа (для WordPress), но вы разумеется можете воспользоваться первым из рассмотренных ниже методов.
Читайте так же:
Счетчик меркурий 203 инструкция

Шаг 2. Получение количества репостов через API вконтакте

Сейчас я покажу два простейших способа получения количества репоста той или иной страницы. Вы спокойно можете использовать тот способ, который вам нравится (обратите внимание — второй способ подойдёт только для WP) и вам совсем не обязательно разбираться в том, как работает код внутри функций — просто вставляете их к себе на сайт и используете.

Способ 1. Через cURL

Этот способ хорош тем, что его вы можете использовать на своём сайте вне зависимости от того, какая CMS у вас стоит — это может быть WordPress, а может быть и вообще какой-нибудь самописный движок.

Разбор по строчкам.

  • 1 — при использовании метода получения количества репостов через cURL вам достаточно указать лишь URL страницы, на котором находится кнопка.
  • 3 — возможно тут у вас возникнет вопрос, что такое index=1 , у меня этот вопрос тоже возник и я задал его агенту поддержки вконтакте. И вот ответ:

Одним словом мне просто мягко сказали, что это не моё дело. Ну и ладно.

  • 14 — возможно это не самый оптимальный способ извлечения количества репостов из полученного результата, если у вас есть идеи, как это можно сделать лучшим образом, буду рад, если поделитесь в комментариях.
  • Способ 2. Через WordPress HTTP API

    Ну думаю тут ясно, что этот способ только для WordPress. А это значит, что код с большой долей вероятности отправится в functions.php вашей текущей темы.

    • 2-5 и 11 — так как я не хочу, чтобы подключение к VK API лишний раз нагружало страницы моего сайта, то я кэширую число репостов на час.

    Ну вот и всё. Я специально не стал давать CSS стили, чтобы вы сами могли оформить кнопку, как пожелаете. Также я не запрещаю использовать дизайн кнопки как у меня на сайте.

    Ещё немного про VK

    • Кнопка «Наверх», покруче, чем в вконтакте
    • Почему не следует использовать стандартные кнопки «Поделиться», «Tweet» и «Share»?
    • Как вывести количество подписчиков (участников) группы, страницы или события из вконтакте

    Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

    Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!

    голоса
    Рейтинг статьи
    Ссылка на основную публикацию