Если нельзя, но очень хочется, то нужно обязательно и ничего в мире не стоит того, чтобы делать из этого проблему!


Интересна Java? Кликай по ссылке и регистрируйся!
Если тебе полезно что-то из того, чем я делюсь в своем блоге - можешь поделиться своими деньгами со мной.
с пожеланием
столько времени читатели провели на блоге - 
сейчас онлайн - 

четверг, 8 января 2015 г.

Как добавить на Blogspot комменты от Facebook

Все очень просто. Час работы, три неудачных попытки, одна дельная статья и все готово!

Итак, чтобы не забыть.

1. Создаем приложение на http://developers.facebook.com/apps/
2. Копируем себе App ID в блокнот
3. Прописываем имя аппки, домен, email, адреса страничек и сохраняем


4. Идем в настройки blogspot и в меню Шаблон выбираем Изменить HTML


5. Добавляем к существующим тегам новые (я их пометил как "fb comments")
...
<!-- fb comments добавил атрибут к html -->
<html xmlns:fb='https://www.facebook.com/2008/fbml' ... 

<head>
<!-- fb comments тут надо свой APP_ID указать из блокнота -->
<meta content='416269235206031' property='fb:app_id'/>
<!-- fb comments -->
</head>
<body>
    ...
   
    <!-- этот тег скипаем -->
    <div class='post-footer-line post-footer-line-2'>
       ...
    </div>
    
    ...

    <!-- сразу после этого добавляем -->    
    <div class='post-footer-line post-footer-line-2'>
        <!-- fb comments -->
        <b:if cond='data:post.isFirstPost'>   
            <script>(function(d){
                 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
                 js = d.createElement('script'); js.id = id; js.async = true;
                 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                 d.getElementsByTagName('head')[0].appendChild(js);
            }(document));</script>
        </b:if>
        <a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>
        <!-- fb comments -->    
        ....
     </div>
    
     <!-- и после этого тоже добавляем -->
     <div class='post-footer-line post-footer-line-3'>
         <!-- fb comments -->
         <b:if cond='data:blog.pageType == "item"'>
             <div id='fb-root'/>
             <script>(function(d){
                 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
                 js = d.createElement('script'); js.id = id; js.async = true;
                 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                 d.getElementsByTagName('head')[0].appendChild(js);
                 }(document));</script>
             <div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
         </b:if>
         <!-- fb comments -->
     
     ...
</body>
</html>

А как у тебя на блоге?
Ребята часто комментируют?
А блог на какой основе?
Добавлял ли плагин для комментариев на фейсбуке?
Увеличивает ли это посещаемость?
А как ВКонтакте?

Все любопытно :)

1 комментарий: