Не мина много време откакто Facebook анонсираха филтър, чрез който потребителите могат да споделят публично, за всички интернет потребители, или частно, за определена група от хора. Повече информация за филтъра може да намерите тук, ако все още не сте го активирали.

Чрез Facebook Subscribe потребителите можеха да споделят каквото преценят с широката аудитория, която ако ги харесва да може да се абонира за техните публични споделяния. Така инфлуенсърите стават по-големи инфлуенсъри, а публичните личности нямат притеснения относно лимит на приятелите и феновете си.

И както Twitter имат бутон Follow, така и Facebook не закъсняха с техен бутон, за което именно ще ви разкажа по-долу.

Как да добавите Subscribe бутон в сайта си?

Вече предполагам знаете, че е важно да имате Open Graph Protocol за сайта с цел да осъществите добрата комуникация между неговите страници и платформата на Facebook.

Самия код за Facebook Subscribe Button е отново в познатите три варианта: FBML, HTML5, iFRAME

Ето го варианта за FBML:

<fb:subscribe href="https://www.facebook.com/ИМЕ" width="450"></fb:subscribe>

На мястото на думичката “ИМЕ” в кода по-горе запишете своето потребителско име. За пример моето е “ivoiliev” и съответно “https://www.facebook.com/ivoiliev”.

ВНИМАНИЕ! Не работи ако въведете потребителски номер (USER ID). Ако все още не сте си създали потребителско име, можете да го направите от този адрес: http://facebook.com/username

Аз лично препоръчвам да оптимизирате кода на сайта като използвате HTML5 и само един facebook connect скрипт във футъра за целия сайт. За целта сложете във футъра този скрипт:

<div id="fb-root"></div>
<script>(function(d, s) {
  var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.src = url; js.id = id;
    fjs.parentNode.insertBefore(js, fjs);
  };
  load('//connect.facebook.net/bg_BG/all.js#xfbml=1', 'fbjssdk');
}(document, 'script'));</script>

… след което може да премахнете всички други скриптове на “connect.facebook.net” от кода на страниците си, както и “<div id=”fb-root”>” кода.

И така – имате следния HTML5 код за subscribe бутона:

<div data-href="https://www.facebook.com/ИМЕ" data-width="450"></div>

• Официална документация и генератор на бутона може да намерите тук
• Съвети и успешни практики от екипът на Facebook за Subscribe button ще намерите тук

Успех и много subscribers ви желая 🙂 !