Как да сложим Facebook LIKE бутон в нашият K2 Joomla сайт

Facebook Like ButtonБезспорно K2 е най-добрия content construction kit за Joomla! Вдъхвайки нов живот на всеки сайт изграден на Joomla! , забелязах, че от многото му (ама наистина много) вградени възможности липсва Like бутон за Facebook. Опитвайки се да намеря плъгин, който да прави това, реших вместо да търся такъв да се опитам да сложа “ръчно” този бутон, който да се показва на всяка статия, създадена с K2. За WP има такъв безплатен плъгин, но за Joomla! не бях търсил. Слагането на такова бутонче се оказа детска игра, много е лесно. Е, да започваме:

Първо отивате на познатия ви вече адрес от който взимате всякакви Facebook джаджи :-) Там ви се отварят полетата с настройките за бутона. Полето URL го оставете празно. Все пак искаме да харесваме всяка една статия, която е с уникален, различен адрес. Другите настройки по бутона са елементарни, няма смисъл да се спирам на тях. В последната настрока ще ви питат какъв стил да бъде бутона – тъмен или светъл. Ами ако дизайна на вашия сайт е тъмен, изберете тъмния бутон, ако е светъл – светлия бутон. Като сте готови с настройките натиснете Get Code. Ще ви бъдат показани два кода, един под друг. Горният код, който е дълъг не ни върши работа. Интересува ни долния код. Не бързайте да го копирате още.

Настройки на K2

Второ – отворете нов tab в браузъра си и влезте в администрацията на вашия Joomla! сайт. От менюто с компонентите цъкнете на K2. Там ще ви се отвори главния изглед на компонента. Най-горе, най-вдясно има един бутон Parameters (Параметри). Кликнете на него. От многото настройки скролирайте прозореца и намерете менюто Social Settings. В голямото празно поле въведете или копирайте този код, но не бързайте да запаметявате настройките:

<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: ‘your app id’, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(‘script’); e.async = true;
e.src = document.location.protocol +
‘//connect.facebook.net/en_US/all.js’;
document.getElementById(‘fb-root’).appendChild(e);
}());
</script>

След това кликнете на първия tab – с получения код на Facebook Like бутона. Копирайте втория код. Върнете се отново в настройките на K2 и точно след края на първия код, който въведохме поставете копирания код. Скролирайте прозореца най-нагоре и кликнете Save. Готови сте :-) Сега всяка една статия, която е създадена с K2 ще има уникален Like бутон, който при натискане ще алармира приятелите ви във Facebook, че сте харесали точно тази статия.

Всъщност днес точно преди да напиша тази статия намерих два плъгина за Joomla! , които вършат същата работа, но без да си играете с поставяне на код. За сметка на това са платени. :P Изборът за това кой вариант ще предпочетете си остава изцело ваш :-) :-D

Like Button

7 thoughts on “Как да сложим Facebook LIKE бутон в нашият K2 Joomla сайт

  1. Ползвал съм няколко плугина за Джумла и WordPress, но като се включи кеширането не работят коректно. Примерно “харесвам” 3-4 статии, но на стената на приятелите излиза
    Георги хареса “материал 1”
    другите 2-3 дори не се отчитат, или излизат само като “още две връзки”

    А при популярните сайтове тип “I like’it” колкото и връзки да харесаш всяка си излиза като ново мнение с собствено заглавие и линк към статията

  2. Нещо при мен не се получава бутона по описания по-горе начин … :(
    Кода е копиран точно според инструкциите, но не се появява бутона.

  3. Здравейте благодаря ви за хубавото обяснение, при мен стана от 1-вия път. Но бутона се показва само, когато съм отворила статията за четене цялата, а не в краткия и вариант? Имате ли идея как да го променя това ?

  4. Здрасти, първосигнално не ми идва на идея точно как, но имай предвид, че статията е писана отдавна и досега предполагам, че са излезли доста читави плъгини.