Добавяне на коментари от Facebook в Blogger

събота, 16 февруари 2013 г.

Добавяне на коментари от Facebook в Blogger

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

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

Обикновено, когато не успея да направя нещо, се запалвам и забравям всичко друго, докато не се справя, но този път махнах с ръка.

Преди седмица обаче, ме попитаха за тази опция и за ден изчетох поне стотина публикации по темата. Повечето бяха прекалено сложни и следват инструкциите на Facebook, като изискват изключване и скриване на оригиналното поле и коментари в Блогер. Това не ми вършеше работа, а и нещата отново не се получаваха, но за щастие накрая открих лесен и работещ начин. Изпробвах го около седмица в личния си блог и сега мога да го предложа и тук.

Вижте как изглежда в Нямам идея:

Като първа стъпка, трябва да създадете приложение във Facebook. Можете да го направите ТУК.

На скрийншота е можете да видите как съм попълнил полетата.

Важни са:

App Domains: слага се – blogspot.com

и Уебсайт с Facebook Login, където поставяте адреса на вашия блог.

В горната част на скрийншота можете да видите App ID на вашето приложение, което ще ви трябва за поставяне в кода.

Следващата стъпка е да намерите още един код - USER_ID.

За целта от тази страница -ТУК, кликнете на Страниците, които харесвам.

След това копирайте адреса. Цифрите в края, са вашия USER_ID.

Вече сте готови за поставяне на кода за приложението. Отидете от Табло за управление - Шаблон- Редактиране на HTML кода и сложете отметката -Шаблоните на приставките да се разгънат.

Отворете поле за търсене натискайки едновременно Ctrl и F. Намерете следния код: <head>

Веднага след него поставете следните два реда, като замените APP_ID и USER_ID с вашите.

<meta property="fb:app_id" content="{APP_ID}"/>
<meta property="fb:admins" content="{USER_ID}"/>

Запазете кода.
Сега трябва да поставите кода за самото поле с коментари, като изберете мястото. Това е кода:


<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'>
</script>
<fb:comments expr:href='data:post.url' num_posts='5' width='600'/>
</b:if>


Можете да промените броя на коментарите, които се виждат - posts='5' и широчината на полето – width='600'.

Аз съм поставил кода в Нямам идея след реда:

div class='post-footer-line post-footer-line-3'

Можете да го поставите и след:

b:includable id='comments' var='post'

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

Добавих в блога нова допълнена и осъвременена публикация по темата. Вижте долния линк:

Коментари от Facebook в блога с модерация

4 Коментара:

Анонимен каза...: :ш добра работа!; 16 февруари 2013 г. в 20:12
Unknown каза...: Резултатът не е ли същият, ако се използва методът описан в "Лесно добавяне на Фейсбук приставки"?; 16 май 2013 г. в 10:11
Владимир Кабрански каза...: Определено описания начин в този линк не става, поне за блогер. Нито коментарите, нито бутона работи както трябва. Единствено приставката за страницата може да се използва.; 16 май 2013 г. в 19:11
Unknown каза...: При мен не се получи.. Всичко направих по описаното, но не стана.. Може ли малко помощ, моля?; 13 септември 2013 г. в 2:12