Поделиться в социальных сетях – Блок «Поделиться» — Технологии Яндекса

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

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

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

Найти кнопки соцсетей для сайта можно отдельно на страницах сервисов (например, ВКонтакте нужно зайти в раздел «Разработчикам») и последовательно разместить каждую на сайте или использовать готовые панели сторонних сервисов (рассмотрим несколько примеров ниже). Первый способ стоит использовать, если вы хотите разместить развернутые блоки с примерами последних постов, а второй позволит добавить набор кнопок в одно изменение кода.

Оформление кнопок

Для начала определимся с внешним видом кнопок. Основные рекомендации:

  1. Кнопки должны быть заметными. Конечно же, они не должны привлекать все внимание на себя, но и сливаться с фоном тоже.

    Пример незаметных кнопок:

    Незаметные кнопки соцсетей

    Компания изменила цвет, но кнопки остались заметны:

    Заметные кнопки соцсетей

  2. Логотипы должны быть узнаваемыми. Можно менять оформление под дизайн вашего сайта, но не переусердствуйте.

    Не сразу понятно, что это кнопки и что они ведут на соцсети:

    Неудачный дизайн кнопок соцсетей

    Несмотря на кардинальное изменение внешнего вида, сразу понятны функции данных кнопок:

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

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

    Пример изменения кнопки после наведения курсора:

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

  4. Кнопок не должно быть слишком много. Исследования за прошедший год показывают, что в основном россияне используют Youtube, ВКонтакте, Одноклассники, Facebook и Instagram, а также делятся информацией в WhatsApp и Viber. Обязательно учитывайте особенности аудитории вашего сайта, однако рекомендуем размещать не более 5-7 кнопок.

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

  6. По кнопкам должно быть удобно кликать. Мелкие элементы менее заметны, поэтому можно легко промахнуться, нажав на соседнюю кнопку. Минимально допустимый размер кнопки от 10×10 мл или примерно 40×40 пикселей.

    Пример слишком мелких кнопок:

    Кнопки неудобные для клика

    По таким кнопкам сложно не попасть:

    Кнопки, удобные для клика

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

Usocial.pro — у сервиса удобный конструктор и много вариантов оформления. Кнопки впишутся в адаптивную верстку, и по каждому набору будет собираться статистика.

Uptolike — не менее хороший конструктор и обилие настроек по дизайну кнопок. Есть отдельные плагины для популярных CMS.

Блок «Поделиться» от Яндекса — если не хочется заморачиваться с оформлением, то Яндекс предлагает самый простой конструктор с минимумом возможностей. Плюс данного сервиса в том, что доступно исследование через Яндекс.Метрику.

Кнопки соцсетей для сайта: где расположить?

  1. Главная страница. После обзора товаров и услуг кратко расскажите об аккаунтах в соцсетях. Блок можно сделать крупным, показать последние посты.

    Пример привлекательного блока (по каждому изображению можно кликнуть и перейти на соответствующий пост в соцсетях):

    Пример блока для Главной страницы

    Пример более компактного блока с призывом к действию:

    Пример блока с призывом к действию

  2. Страница о компании. Рассказывая о себе, можно внизу страницы также добавить блок с последними постами и ссылками на соцстети.

    Виджеты соцсетей на странице о компании

    Или кратко упомянуть аккаунт, как здесь:

    Пример ссылок на соцсети на странице о компании

  3. Страница контактов. Если используете соцсети как один из источников связи, обязательно добавьте кнопки на данную страницу. Пример:

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

  4. Подвал сайта. Достаточно указать только кнопки, чтобы не перегружать блок. Так пользователь сможет на любой странице сайта найти их. Лаконичный пример:

    Ссылки на соцсети в подвале сайта

И еще 4 идеи для размещения кнопок шеринга

  1. После текста статьи, инфографики, акции, т.е. после полезного материала или информации. У пользователя должно возникнуть желание поделиться важными сведениями. Ссылки лучше выравнивать по левому краю, как в примере:

    Кнопки шеринга после текста статьи

    Или пример с призывом к действию:

    Кнопки шеринга с призывом к действию после текста статьи

  2. На страницах акции. Про них, кстати, чаще всего забывают.

    Кнопки соцсетей на страницах акций

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

    Кнопки шеринга на странице товара

  4. На страницах услуг. Если основной продукт компании — предоставление услуг, то, как и в предыдущем пункте, следует разместить кнопки шеринга. В данном случае кнопку желательно поместить в первом экране:

    Кнопки шеринга в первом экране на странице услуги

    Или внизу страницы:

    Кнопки шеринга на странице услуги

Где НЕ нужно располагать кнопки

  1. В шапке сайта. Таким образом вы мотивируете пользователя уйти с сайта. Лучше показать ссылки ниже, после обзора основных возможностей сайта.

    Например, в данном случае кнопки привлекают слишком много внимания и выглядят ярче, чем логотип:

    Ссылки на соцсети в шапке сайта

  2. В боковом меню ссылки соцсетей также будут отображаться «слишком рано». Да и не стоит перегружать боковое меню. Антипример:

    Ссылки на соцсети в боковом меню

  3. Закреплять на странице. Данную функцию полезно использовать для онлайн-консультанта или формы обратной связи, а кнопки соцсетей будут только отвлекать внимание пользователя.

    Закреплённые кнопки шеринга

Для кнопок репостов в соцсети можно выделить следующие ошибки:

  1. Размещение без привязки к контенту. Иногда кнопки располагают так, что не ясно, чем конкретно предлагают поделиться пользователю. Всем сайтом? Такие кнопки выглядят странно:

    Кнопки шеринга без привязки к контенту

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

    Кнопки шеринга рядом с неинтересным контентом

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

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

    Кнопки репоста под заголовком статьи

Выводы

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

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

P.S. Посмотрите наш крутой кейс по работе с SMM.

1ps.ru

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

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

к оглавлению ^

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

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

Мечта каждого владельца сайта, если все его записи будут репостить читатели на своих страницах в одной из социальных сетей. Сейчас больше всего идет спрос на Вконтакте, Facebook, Twitter и Одноклассники. Я бы еще добавить LiveJournal, liveinternet и Blogger. Вот эти кнопки желательно добавить на сайт для полного удобства пользователя.

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

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

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

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

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

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

Чем сегодня можно воспользоваться, чтоб добавить социальные кнопки для сайта:

  1. Сервис uptolike.
  2. Социальные кнопки яндекс.
  3. Добавление вручную каждой соц сети отдельно.
  4. Сервис Pluso.
  5. С помощью плагинов для WordPress (для ленивых).

Больше никуда влазить наверное не нужно, лучших способов не найти. Каждый из этих вариантов по своему хорошо. Если вы знаете более удобней или привлекательный способ, напиши пожалуйста в комментариях.

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

к оглавлению ^

Uptolike

В данный момент я сам пользуюсь этим сервисом, понравился он мне. Кроме удобства, сервис uptolike имеет несколько привилегий перед другими себе подобными.

  • Широкий выбор среди кнопок социальных сетей;
  • Кнопки адаптированы под мобильные устройства;
  • Возможность цитирования в соц сетяъ любого участка текста;
  • Можно добавить кнопку наверх;
  • Возможность добавления всплывающего окна на подписку в группу Вконтакте;
  • Выбор размера иконок;
  • Выбор стиля иконок для сайта;
  • Добавить эффект при наведении;
  • Изменение фона кнопки, цвета текста, фона счетчика;
  • Увеличение или уменьшение текста в счетчике.

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

Кроме этого, что еще может сервис uptolike.

ПоделитьсяСделать репост страницы.
Добавить лайкиПользователь имеет возможность поблагодарить автора.
ПодписатьсяПользователь имеет возможность подписаться на группу Вконтакте.
Поделиться изображениемЛюбой желающий сможет поделиться понравившейся картинкой с сайта.
ОпросПри необходимости добавить и провести опрос на сайте.
Добавить рейтинг записейС помощью рейтинга можно увидеть, что нравится читателям а что нет.
Добавить счетчик посещаемостиУстановить на сайт невидимый счетчик посещаемости.
Плагин для WordPressКто ленится добавлять код, есть возможность установить плагин.
Плагин для JoomlaПлагин для Drupal
Добавить модуль Bitrix

Как на все это посмотреть, выбрать и добавить на свой сайт? Переходим на сервис и нажимаем на первый пункт «Поделиться». В этом случае вы добавите кнопки соц сетей для сайта в конце каждой статьи.

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

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

Выбираем расположение кнопок по горизонтали, размер и стиль. Оформляем как вам понравится и добавляем эффект при наведении. Больше ничего делать не нужно. Для генерации кода счетчика, необходимо указать адрес сайта и почтовый ящик. Сразу после этого появится код для вставки соц кнопок на сайт.

Если у вас сайт на WordPress, открываем файл single.php и вставляем готовый код сразу после окончания контента странице. Обновляем страницу и смотрим, что получилось. Сложного ничего нет.

к оглавлению ^

Яндекс

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

Выбираем нужные иконки сервисов. Твиттер есть только в виде иконок, без счетчиков. Выбираем внешний вид блоков и снизу будет готовый код для вставки. Как было сказано ранее, больше ничего Яндекс не добавляем, все скромно и со вкусом.

к оглавлению ^

Ручной метод добавления

В этом способе нужно открыть каждую соц сеть отдельно и настроить каждую кнопку репоста отдельно. Для добавления кнопки фейсбука нужно пройти сюда. Для одноклассников и моего мира нужно добавить данные тут. Для твиттера все происходит на этой странице. Для добавления кнопки Вконтакте переходим по этой странице.

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

к оглавлению ^

Вконтакте

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

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

к оглавлению ^

Pluso

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

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

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

к оглавлению ^

WordPress

Если вы ничего не понимаете в этом коде, что куда нужно копировать и как все это работает, выход есть. Если у вас движок WordPress, можно установить плагин, с помощью которого у вас появятся кнопки социальных сетей. Сегодня таких плагинов просто большое количество. Заходи в админку — Плагины. Можно сразу написать в поиске плагинов «соц кнопки», «social» или «вконтакте». Я уверен, вы что то найдете.

Среди большинства таких подобных плагинов для WordPress, посмотрев на рейтинг, больше всего ставят именно такие:

  1. Social Share Buttons for WordPress.
  2. Social.
  3. Social Media Feather — lightweight social media sharing and follow buttons.

На самом деле подобных таких плагинов очень много, нужно устанавливать и перебирать, какой вам больше понравится, правильно работает, что показывает и как его можно настроить под себя. Разберем на примере первый такой плагин Social Share Buttons for WordPress.

Сам плагин на русском языке, проблем с этим не будет. После установки, слева в меню появится новая кнопка «Share Buttons». В главных настройках ставим логотип сайта и пишем текст перед социальными кнопками.

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

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

Выбор остается уже за вами, каким способом будете пользоваться. Добавлять иконки социальных сетей через uptolike, Pluso или через Яндекс. Не стоит сразу устанавливать плагин на WordPress, попробуйте сделать все ручным методом или с помощью сервиса.

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

nesmelov.ru

Кнопки соцсетей на сайт wordpress ТОП ПЛАГИНЫ – info-effect.ru

На чтение 3 мин. Опубликовано

Супер подборка плагинов wordpress для добавления на сайт кнопок соцсетей поделиться. Лучшие плагины, множество стилей кнопок, вертикальные горизонтальные, плавающие, фиксированные, круглые, квадратные, стильные, классические, skype, viber, WhatsApp. Жми на название плагина и читай инструкцию по настройке !

 

Social Likes – Плагин для добавления на сайт кнопок соцсетей поделиться, редкий дизайн кнопок, редко у кого встретишь на сайте, простые настройки.

WP Font Awesome Share Icons – Простой плагин для добавления на сайт иконок соцсетей. Можно выбирать форму иконок, размер, стиль и т.д.

Simple Share Buttons Adder – Простой плагин для добавления на сайт красивых кнопок поделиться в соцсетях. Можно выбрать стиль для кнопок, легко настраивается.

YouTube Subscriber – Виджет с формой подписки на канал YouTube.

Share Buttons by GetSocial.io – Интересный плагин, добавляет на сайт, на страницы, в записи, в боковую часть сайта, иконки соцсетей Поделится. Плагин хорош тем, что вам не нужно возится с HTML-кодом, вставлять код никуда не надо.

Яндекс.Поделиться – Очень простой и полезный плагин, который добавит на ваш сайт кнопки соцсетей поделиться. Очень просто настраивается, ничего лишнего.

Add Google Plus one Social Share Button – Кнопка Google +1, можно поставить +1 и поделиться записью в соцсети Google+.

WP Like button – Кнопка facebook нравится и поделиться. Можно отметить запись и поделиться ей в facebook.

Like Button Voting & Rating – Кнопки для создания рейтинга записей и страниц сайта. Пользователь сможет давать оценку, палец вверх или палец вниз, так же можно выбрать другие значки, сердечки и т.д. Плагин платный.

My Share Button for Viber – Вы сможете добавить на свой сайт кнопку поделиться в приложении Viber.

WhatsApp Share Button – С помощью данного плагина вы сможете добавить на свой сайт кнопку поделиться в приложении WhatsApp.

WPAdverts Classifieds Plugin – Данный плагин позволит вам сделать вход на сайт через популярные социальные сети.

WP Social Buttons – Плавающие кнопки соцсетей поделиться, редкий дизайн, простые настройки.

Softshare Floating Buttons – Очень простой плагин плавающие кнопки соцсетей поделиться, просто установите и активируйте и всё. Много кнопок соцсетей.

Quoty – Плагин позволит посетителям вашего сайта, делиться в соцсетях любым выделенным текстом на вашем сайте. Легко настраивается.

Highlight and Share – С помощью данного плагина вы сможете делиться выделенным текстом со своего сайта в соцсетях Твиттер и Фейсбук.

Skype share button – Кнопка поделиться в Skype, легко настраивается.

 

info-effect.ru

Блок «Поделиться» в социальных сетях от Яндекса

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

Яндекс Поделиться

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

Иногда мне приходилось задумываться: зачем в конце каждой статьи размещать кнопки социальных сетей? Быть может на самом деле они не приносят никакой пользы, а их значение при этом сильно преувеличено? Давайте разберёмся!

Предназначение кнопок социальных сетей на сайте

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

Поделиться в соцсетях

Но этим преимущества не ограничиваются:

  • Если посетители активно нажимают на кнопки поделиться — это хороший социальный сигнал для сайта, значит размещённый на нём материал нравится пользователям и они готовы рекомендовать его своим друзьям.
  • Ускоряется индексация новых страниц сайта роботами поисковых систем, для большего эффекта я рекомендую использовать хэштеги.
  • Наблюдается рост трафика из социальных сетей. Как правило, пользователи соцсетей заводят знакомства по интересам, а значит трафик является целевым. Вам же нужны новые клиенты или подписчики?
  • Увеличение количества обратных ссылок неплохо скажется на ранжировании сайта, даже если они закрыты от индексации, то всё равно вносят свой вклад в продвижение, как минимум улучшая поведенческие факторы.

Статистику кликов по кнопкам можно отслеживать в Яндекс Метрике, она доступна в стандартном отчёте Содержание — Кнопка «Поделиться».

Как вы считаете, кнопки социальных сетей нужны на сайте? Поделитесь своим мнением в комментариях 😉 А я перехожу от теории к практике и проведу небольшой обзор блока «Поделиться».

Настройка и установка блока «Поделиться»

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

На момент составления обзора на выбор представлено более 20 сервисов, для рунета наиболее известными являются Яндекс.Коллекции, Вконтакте, Facebook, Одноклассники, Мой Мир, Pinterest, Twitter, Blogger, Livejournal, Viber, WhatsApp, Skype, Telegram. С полным списком вы можете ознакомиться на официальном сайте.

Внешний вид блока настраивается и представлен в трёх вариантах:

  • Только иконки — выбранные вами иконки и ничего лишнего:
Поделиться в соцсетях
  • Иконки и меню — в зоне видимости только три иконки, остальные скрыты под кнопкой с выпадающим списком:
Поделиться в соцсетях
  • Маленького размера — то же самое, что в первом варианте, только иконки меньшего размера:
Поделиться в соцсетях

После настройки внешнего вида на этой же странице вы получите код скрипта, который необходимо скопировать и вставить в шаблоне сайта, например, в конце статьи. Чтобы загружать скрипт асинхронно и не блокировать загрузку страницы, укажите атрибут async="async" изменив код таким образом:

<script src="https://yastatic.net/share2/share.js" async="async"></script>

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

webliberty.ru

Заработок и реклама в социальных сетях.

В комментариях к предыдущей записи попросили рассказать о кнопке «Поделиться» для русских соцсетей. Данные кнопки полезно установить не только владельцам блогов Blogger, а всем, у кого есть сайты/блоги с нормальным контентом — 5-10 мин., потраченные на установку кнопок окупятся бесплатной популяризацией Вашего детища.

Существует кнопка поделиться для каждой соцсети отдельно: одноклассники, twitter, на я ру, google+, facebook, вконтакте поделиться и т.д. Но собирать их отдельно и генерировать код нормального ряда достаточно хлопотно. Существует несколько сервисов, предоставляющих настраиваемый блок «Поделиться» в социальных сетях, включающий кнопки большинства  русскоязычных и многих забугорных соцсетей и кнопки лайков. У некоторых есть недостаток — в код блока вписана ссылка на сайт, предоставивший блок. Воспользовавшись данными блоками Вы бесплатно разместите в своём блоге сквозную ссылку на сайт дяди Васи.

Поэтому я использую:

  1. Простой и функциональный блок «Поделиться» для сайта, предоставленный Яндексом. В этом блоге данный блок размещён справа от сообщений, вверху.
  2. Блок «Поделиться» в соц сетях от Sharethis.com, красующийся сейчас под каждой статьёй блога. Не могу определиться, какой блок оставить.
Также популярны:
  1. Pluso кнопки, но они мне не нравятся. Плюсо прикрепили в блок огромный красный круг, ведущий на Pluso, избавиться от которого проблематично.
  2. Настраиваемый блок от англоязычного сервиса addthis.com — неплохой вариант, позволяет установить кнопки лайков или «поделиться, позволяет выбрать свой набор соцсетей (есть вк, одноклассники и прочие популярные русскоязычные/зарубежные соцсети). Для сайтов также возможны вертикальные блоки. Сервис предоставляет статистику использования кнопок посетителями сайта.

Кнопки блока Sharethis.com:

Красивые кнопки социальных сетей, согласны? Блок настраивается очень просто, выглядит эффектно, позволяет просто добавить кнопки всех известных  соцсетей и лайков. 
Но есть недостатки:
  • Кнопки предоставляются после регистрации;
  • Кнопка вконтакте не подтягивает картинку статьи;
  • Нет кнопки сердечка VK;
  • При публикации в твиттер автоматически подтягивается упоминание твиттер-аккаунта сервиса Sharethis;
  • После нажатия на кнопки появлялось всплывающее окно, предупредить это можно на шаге 3 формирования будущего блока, снимите галочку:

Блок от Яндекса api.yandex.ru/share: 

Блок кнопок, предоставленный Яндексом включает кнопки «Поделиться» в соц сетях, которые популярны в рунете — поставив/убрав галочку напротив названий можно сформировать блок с иконками нужных соцсетей.
Можно выбирать один из четырёх представленных внешних видов блока:
  1. С кнопкой «поделиться»,
  2. С ссылкой «Поделиться», 
  3. Иконки и меню,
  4. Только иконки.
Когда проставите галочки напротив соцсетей и выберите внешний вид, Яндекс автоматически сформирует код блока «Поделиться в соцсетях», который нужно вставить в подходящее место блога — большинство блоггеров размещают блок под записями, у меня он находится вверху справа. Получившуюся последовательность кнопок соцсетей можно поменять местами переместив названия соцсетей в коде (подчёркнуто красным на скрине ниже). В стандартном блоке Яндекса нет кнопки для blogspot-блогов и блогов liveinternet. Добавить кнопку blogspot можно вписав слово blogger в код «Поделиться» в строке, где перечисляются соцсети (подчёркнуто красным) и отделив запятыми от остальных соцсетей.
Аналогично liveinternet.


Как добавить сервис «Поделиться» в blogspot блог:

Настройки → Дизайн → Добавить гаджет:

Выберите гаджет HTML/JavaScript, позволяющий добавлять на страницу блога любые коды (скрипт поделиться в том числе), нажмите плюс:

В открывшемся окне в поле «Содержание» добавьте код блока «Поделиться», напишите название блока. Поле названия можно оставить пустым или используйте варианты:

  • Рассказать друзьям;
  • Поделиться с друзьями;
  • Утащить к себе 🙂 
  • Придумайте свой вариант названия и сохраните.

Проверяйте полученный результат — в блоге должен появиться виджет «Поделиться для социальных сетей».

Как посмотреть сколько раз и в какой соцсети поделились: 

Проверить сколько раз поделились ссылками на статьи сайта можно в Яндекс-метрике: Содержание → кнопка «Поделиться», выберите интересующий период времени.


Отобразится детализация использования кнопки «Поделиться», сколько раз нажали, для каких соцсетей. В нижнем блоке показано какими статьями поделились (в скрин не поместилось).
Подсчитываются только нажатия кнопок  блока Яндекса.
Также может быть интересно:
Реклама в социальных сетях: как выжать максимум из минимального рекламного бюджета.
Как убрать ссылки с главной страницы Blogger.
Список сайтов где можно купить контент для Вашего блога.
Заработок на блогах — подборка статей.

intrernet-zarabotok.blogspot.com

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *