вторник, 24 декември 2013 г.

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

Преди време писах, как можете да интегрирате в Blogger приставка за коментиране, чрез профила във Facebook. Бях добавил тази опция и в личния си блог-Нямам идея, но проблемите с уведомяването ме накараха да я махна.
От около две седмици отново се заех със задачата и мисля, че този път всичко е наред. Нещо повече, този път мога да включа и предварително модериране на коментарите, което никога не съм привил в Blogger, но за Facebook е желателно.
Няма да редактирам старата публикация, защото нещата се различават много малко. По-долу ще обясня подробно как става и дано е полезно за някого.
Първо искам да кажа, че не бива да се лъжете и да добавяте приставката за коментари Social Plugins. Както и бетона за харесване от там, тя не работи добре, а и събира на едно място всички коментари, независимо под коя публикация са оставени.
Нека да започнем. Първо се логнете във Facebook и Blogger. Заредете следния адрес:
Apps
Горе ще видите бутон "+Create New Apps". Кликнете на него и създайте ново приложение. Трябва да пъпълните Display Name, полето за пощата за контакти, а в полето Apps Domains поставете blogspot.com.
Изключете Sandbox Mode. а в полето Website with Facebook Login, добавете адреса на вашия блог.


Когато създадете приложението, то ще се появи в лявата лента на екрана. Когато кликнете върху него, ще видите следното:


В долната част, че видите „Роли“. Ако не сте вписани автоматично, като администратор, кликнете на редактиране и се добавете. В най-горната част, е и един номер, който ще ви трябва. Това е App ID/API Key. Копирайте го, защото ще ви е нужен.
Започваме добавянето на приставката в блога ви. От Таблото за управление, отидете на Шаблон -Редактиране на HTML кода. Ако не знаете как се търси в него и се затруднявате, погледнете предишната публикация.

Търсене в HTML кода в Blogger

1.На втория или третия ред на кода ще видите това
<html ..... />
В този фрагмент точно преди затварящия маркер /> трябва да добавите това:
xmlns:og='http://ogp.me/ns#'
Уверете се, че от двете страни на добавеното има интервал. Запазете промените в шаблона.
2.Намерете в кода следното:
<b:skin><![CDATA[/*
Точно над този ред добавете следния фрагмент:
<meta property="fb:app_id" content="App ID/API Key" />
<meta content='Адрес на вашия профил във Facebook' property='fb:admins'/>
На мястото на App ID/API Key, поставете номера на вашето приложение. Поставете и адреса на вашия профил във Facebook. Запазете промените в шаблона.
3.Намерете в кода следния ред:
</body>
Под него добавете този фрагмент:
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' App ID/API Key ',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
Заменете разбира се, App ID/API Key с номера на вашето приложение.
4.Остана да добавите самото поле за коментари. Намерете в кода следното:
<div class='post-footer-line post-footer-line-3'>
След него добавете кода за полето за коментари:
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
<script src='http://connect.facebook.net/bg_BG/all.js#xfbml=1'/>
<div>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='600'/>
</div >
</div>
</b:if>
Можете да промените широчината на полето, която в горе е 600рх. Приставката е с български език, но ако желаете английски, променете „bg_BG“ с „en_US“.
5. Остана и да ви покажа, как и откъде става модерацията. Заредете следния адрес.
https://developers.facebook.com/tools/comments
Ще видите това:


Кликнете на Настройки:


Добавете се за модератор, ако не излиза автоматично и сложете отметката „Нека одобрявам всеки коментар преди да се покаже“. Дори без нея, ще можете да виждате и модерирате всеки нов коментар оставен чрез притурката в блога ви от Public comments.
Възможността за модериране, ще се показва и над притурката за коментари под съответната публикация.


Аз съм избрал опцията:
„Направете всяка публикация публична за всички по подразбиране“.
При нов коментар, получавам уведомление във Facebook, а от страницата Comment Moderation Tool, мога да премахна нежелан коментар, ако се наложи. От линка под коментара Visit Websiste мога да видя и под коя точно публикация е коментирано.


Това е всичко за днес и за тази година. Надявам се, че публикациите тук са били полезни.
Весело прекарване на Коледните и Новогодишни празници!

5 Коментара:

Зани каза...

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

100yanka каза...

Страхотно! Много благодаря! Само редактирах html кода, като запазих старото приложение за коментари. Вече всичко работи перфектно. :)

al.ruseva каза...

Добавих приставката, но полето с коментари се появява само под постове, а аз искам да могат да се коментират и страници в blogger

Unknown каза...

Здравейте, искам в блога си да кача снимки. До тук добре, знам как се качват, но проблема ми е, че искам да са по няколко на ред, а все ми ги измества. Снимките не са големи, намалих ги, но пак не се получава. Увеличих ширината на страницата от настройките и отново така прави. Моля за съдействие от ваша страна. Може би още трябва да го намаля или проблема е другаде? Благодаря

Илиян Минчев каза...

Много полезно! :a

Публикуване на коментар

:п :1а :2а :3а :4а :5а :6а :7а

Правила за съдържанието

Криейтив Комънс договор
Произведението използва Creative Commons Признание-Некомерсиално-Без производни 2.5 България License. Моля, копирането на материали от тук, да става с указване на източника с реален линк.
Блог класация

За мен

Моята снимка
"Ако двамата имаме по една ябълка и ги разменим, пак ще имаме по една ябълка. Ако двамата имаме по една идея или информация и ги разменим, всеки ще има по две!" Джордж Бърнард Шоу

Намерете ни във Facebook

  ©Другият - Всички права запазени

Template by Dicas Browser | Template original Dicas Blogger | Topo