Добавляем виджет «Мне нравится» (Вконтакте) и Facebook Like Button (Фейсбук) на свой блог.

Всем привет, друзья! Несколько недель назад я писал, и . Сегодня ми продолжим использовать социальные сети для продвижения сайта. В этом посте я напишу, как устанавливается на сайт кнопка мне нравится вконтакте и кнопка мне нравится facebook.

Как установить кнопку «Мне нравится» от Вконтакте

Для того, чтобы вы на своем сайте увидели красивую кнопочку от вконтакте нужно сделать всего три шага:

  • Добавить сайт в соц. сеть вконтакте;
  • Настроить внешний вид кнопки;
  • Скопировать код и вставить на свой сайт.
  • После вставки второй части кода, вы должны увидеть на своем сайте кнопку от вконтакте «мне нравится». Если возникли какие-то проблемы, то пишите в комментариях, постараюсь помочь:smile:.

    Как установить кнопку «Мне нравится» от Facebook

    Для начала перейдите вод сюда . Если вы не авторизованы, то сделайте это. Теперь на этой страницы нам нужно сначала заполнить некоторые поля. Хотя они на английском языке, но ничего страшного, разберемся:smile:.

    • URL to Like – . Оставляем это поле пустим, поскольку ми хотим установить кнопку на все страницы;
    • Height – высота. Можно ничего не ставить, по умолчанию высота кнопки нормальная;
    • Layout – здесь нам нужно указать внешний вид кнопки. Я выбрал последний вариант button_count, на мой взгляд, он самый лучший. Можете попробовать выбрать другой вариант и посмотреть, как он выглядит. Если box_count или standard вам нравится больше, то, пожалуйста, ставьте тот, который нравится.
    • Show Friends" Faces – показывать . Я убрал галочку, поскольку не хочу показывать аватари.
    • Width – ширина. Я ничего не ставил, если ширина кнопки вас не устраивает, то можете ее указать.
    • Color Scheme – цветовая схема. Оставил по умолчанию light (светлый).
    • Action Type. Если выбрать like, то надпись на кнопке будет «нравится». А если recommend, то «я рекомендую». Я выбрал первый вариант like (нравится).
    • Include Send Button — Включить кнопку «Отправить». Мне она не нужна, поэтому я галочку убрал.

    После заполнения всех полей у меня получилось вод так:


    Теперь нажмите на кнопку «Get code» для того, чтобы получить код.


    Первою часть кода вам нужно разместить в файл footer.php перед тегом . А вторую часть в то место, где вы хотите видеть кнопку «Мне нравится» от Facebook на своем сайте. Можете разместить после кода кнопки «Мне нравится» от Вконтакте в файл single.php.
    На этом у меня все. Как вам статья?

    Кнопка Facebook «Like» позволяет рассказать про статью в самой популярной социальной сети в мире.

    Устанавливаем кнопку «мне нравится» для Facebook

    Заходим на сайте Facebook в раздел «Like Button ». Либо вручную, внизу страницы заходим в пункт «Разработчикам », выбираем раздел «Web ». На следующей странице заходим в «Integrate Facebook Into Your Website ». Далее, слева в меню выбираем вкладку «Core Concepts », в ней раздел «Social Plugins ». Заходим в пункт «Like Button ».

    Заполняем следующую форму:

    Значения:

    • URL to Like — адрес страницы, которой будут ставить лайки. Лучше оставить пустой, в таком случае автоматически будет подставлен адрес страницы, на которой находится кнопка
    • Send Button дополнительная кнопка, которая позволяет отправить статью друзьям. Лично я убрал ее
    • Layout Style — позволяет выбрать стиль кнопки. Попробуйте поменять, пример кнопки сменится автоматически
    • Width — ширина кнопки. Однако, сколько я не менял, кнопка оставалась прежней
    • Show Faces — если включить, то будут показаны аватарки тех, кто нажал кнопку
    • Font — позволяет выбрать шрифт надписи на кнопке
    • Color Scheme — выбор между светлым и темным оформлением. По мне, темное вообще не смотрится
    • Verb to display — выбираем надпись на кнопке:»Мне нравится» или «Я рекомендую»

    После заполнения всех полей нажимаем на кнопку «Get Code». Появляется окно с кодом. Первую часть вставляем в шаблон после открывающегося тега body:

    Default

    //

    //

    if (d . getElementById (id ) ) return ;

    js = d . createElement (s ) ; js . id = id ;

    js . src = "//connect.facebook.net/ru_RU/all.js#xfbml=1" ;


    В декабре 2016 года Facebook в первый раз отдал кнопке «Подписаться» больше функционала, чем кнопке «Нравится».

    Хотя, сама кнопка «Подписаться» на фан-страницах появилась еще 2 года назад , но ранее она почти ни на что не влияла, ее никто не замечал, и она то появлялась, то исчезала.

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

    Причина №1. Кнопка «Подписаться» теперь есть на всех фан-страницах в Facebook, она не убирается из настроек и ей присвоен очень важный функционал.

    Причина №2. Facebook стал показывать статистику количества подписчиков отдельно. А, как показывает практика, это значит, что Facebook будет отдавать приоритет функции подписок все больше с течением времени.

    Возможно даже такое, что кнопка «Нравится» будет полностью убрана, как механизм подписки на Страницу и кнопка с названием «Нравится» останется только под публикациями. А механизм подписки возьмёт на себя полностью кнопка «Подписаться».

    Пока что пользователи нажимают в основном на кнопку «Нравится» по привычке, это видно из статистики прироста подписчиков и фанов за один и тот же период.

    Причина №3. Теперь пользователи нажимая кнопку «Подписаться» на фан-странице могут получать новости в Ленту, не будучи фаном этой Страницы.

    То есть значимость такого явления как «количество фанов» начинается уменьшаться.

    Если раньше, пользователи становились и фанами Страницы, и получали от нее новости после нажатия всего одной кнопки: «Нравится», то сейчас эти функции разделены.

    Сделаем эксперимент №1. Зайдите на Страницу fb.com/Love.is.comic и нажмите кнопку «Нравится».

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

    А теперь нажмите «Больше не нравится». После этого нажмите кнопку «Подписаться».

    Вы увидите, что вы подписались на фан-страницу, но вы не стали ее фаном. В этом случае в вашем профиле будет отсутствовать информация о том, что вам нравится эта Страница или вы на нее подписаны, но вы также сможете ее читать в Ленте.

    Сделаем эксперимент №2. Зайдите на Страницу fb.com/comic.fotos . В начале нажмите кнопку «Нравится» (кнопка Подписаться нажмется автоматически и ее название изменится на «Подписки»), а затем наведите мышку на кнопку «Подписки» и отпишитесь.

    Вы увидите, что вы остались числиться фаном этой Страницы (это будет по-прежнему отображаться в вашем профиле), но отписались от ее новостей.

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

    Вывод? Получение подписчиков уже более приоритетная задача, чем получение фанов.

    К сожалению, сейчас Facebook не показывает администраторам, сколько фанов являются подписчиками, а сколько просто «статисты». Есть только одна метрика на данный момент, которая помогает оценить количество читателей — это Охват.

    Приведу пример.
    У вас есть 2 Страницы по 100 000 фанов каждая.

    Но на одной 100 000 фанов-подписчиков.
    На другой: 50 000 фанов-подписчиков, 50 000 фанов-«статистов» и 10 000 просто подписчиков.

    Получается, что Фейсбук вам покажет, что у вас всего 100 000 фанов и всего 60 000 подписчиков. Но из этих данных не видно, что 50 000 фанов отписались от новостей.

    По идее на первой Странице Охват должен быть примерно в 2 раза выше, чем на второй. Эта метрика может служить подсказкой.

    Причина №4.

    Функции, которые теперь остались у кнопки «Нравится» — это:
    — стать фанов-подписчиком Страницы,
    — разлайкать Страницу, то есть перестать быть фаном.

    Функции, которые теперь появились у кнопки «Подписаться» — это:
    — стать подписчиком, то есть получать новости с Ленту,
    — отписаться от Страницы, то есть перестать получать новости в Ленту,
    — установить новостям этой Страницы приоритет, то есть они будут показываться в Ленте новостей первыми,
    — убрать приоритет,
    — включить уведомления о новых публикациях Страницы,
    — отключить уведомления.

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

    Кроме того, вы как администратор фан-страницы начали видеть уведомления со словами «решил подписаться на страницу», что еще раз указывает на то, что Facebook добавляет важности функции подписок:

    Поэтому, призыв «подпишитесь на нашу страницу» теперь звучит буквально и на 100% актуально.

    В социальной сети Facebook кнопка «Мне нравится» (Like Button) позволяет пользователю делиться контентом понравившихся ему сайтов и блогов со своими друзьями на Facebook. Когда пользователь нажимает кнопку «Мне нравится» на сайте, понравившийся ему материал появляется в Ленте новостей у друзей этого пользователя с обратной ссылкой на этот сайт. Также ссылка отображается в блоке «Мне нравится» на персональной странице пользователя Facebook.

    Добавить кнопку «Мне нравится» от Facebook на свой сайт или блог можно с помощью специального кода , получить который можно на сайте Facebook Developers. Для этого нужно заполнить специальную форму:

    Процесс получения кода состоит из следующих шагов:

    • поле URL to Like — адрес понравившейся страницы — следует оставить пустым чтобы адресу понравившейся страницы был присвоен адрес страницы, на которой находится кнопка
    • поле Layout Style позволяет выбрать стиль оформления кнопки (со счетчиком голосов или без)
    • поле Show Faces в значении True позволяет отображать аватары пользователей, которым понравился данный сайт или блог
    • в поле Width следует указать ширину плагина в пикселях
    • поле Verb to display отображает название кнопки «Like» или «Recommend» (в русскоязычном варианте «Нравится» или «Рекомендовать»)
    • в поле Font следует выбрать шрифт начертания текста
    • в поле Color Scheme следует выбрать одну из двух предлагаемых схем оформления кнопки: светлую или темную

    После заполнения всех полей следует нажать кнопку «Get code» («Получить код»). Теперь чтобы добавить кнопку «Мне нравится» от Facebook на Ваш сайт или блог, Вам следует скопировать из открывшегося окна программный код.

    В верхней части окна представлен iframe -код, в нижней — XFBML . Второй вариант более универсален.

    Если поле адреса страницы (URL) осталось незаполненным, то после установки кода кнопки «Мне нравится» в html-код страницы пользователям, нажавшим эту кнопку будет «нравиться» именно эта конкретная страница.

    Если выбран iframe-код для вставки его в сайт или блог на движке WordPress, то необходимо несколько изменить данный код. Для этого следует найти такой участок кода:

    http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike

    и заменить его следующим:

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

    Если Вы хотите изменить язык кнопки (по-умолчанию сообщение на кнопке выводятся на английском языке), то Вам необходимо заменить часть URL в коде кнопки — задать локализацию. Так для включения русского языка следует заменить en_US на ru-RU в строке