Новое в блоге
Loading...
18 авг. 2012 г.

Официальный Facebook бар рекомендаций - виджет для Blogger - Blogspot

Привет всем! Facebook представил свой новый официальный социальный плагин, под названием Facebook бар рекомендаций. В этом уроке мы узнаем как установить официальный виджет Facebook бар рекомендаций в Blogger. Этот виджет является полезным для привлечения трафика из Facebook и позволяет пользователям получить рекомендуемые статьи, а так же поделиться тем,что они читают со своими друзьями. Бар рекомендаций от Facebook всегда пристыкован к нижней правой (или левой) части экрана. При загрузке страницы рекомендации бар будет свернут и пользователь будет иметь возможность нажать «мне нравится» на вашей странице. Как только посетитель вашего блога приближается к концу страницы, плагин будет расширяться. Расширенный вид будет показывать читателю список рекомендуемых сообщений  на вашем блоге. Теперь давайте посмотрим как выглядит виджет от Facebook:

Официальный Facebook бар рекоммендаций-виджет для Blogger-Blogspot
Позже установлю этот плагин себе в блог. Для того чтобы работал виджет - бар Facebook рекомендации, каждый блог должен должен иметь открытые мета теги графики Facebook. Для этого нужно после <head> вставить этот простенький код:

<!-- Begin Open Graph metadata -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <meta content='article' property='og:type'/>
 <meta expr:content='data:blog.title' property='og:site_name'/>
 <meta expr:content='data:blog.pageName' property='og:title'/>
 <b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
 </b:if>
<b:else/>
 <meta expr:content='data:blog.title' property='og:title'/>
 <meta content='website' property='og:type'/>
</b:if>

<meta expr:content='&quot;en_US&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata -->

Далее переходим на страницу - Официальный Facebook бар рекомендаций , нажимаем кнопку "Get Code"(получить код).


Потом нажимаем на строчку "Создать новое приложение"(create a new app).


Введите имя приложения (название вашего блога) и URL блога и нажмите кнопку "Продолжить).


Введите код "Captcha" и нажмите кнопку "Отправить":


Затем нажмите кнопку "Получить код"(Get Code) еще раз:


Скопируйте первую часть SDK кода (первый код Box) и кодировать код с помощью этого инструмента:


Далее ищем в шаблоне строчку <body> и после неё вставляем полученный код. Далее ищем код в шаблоне <data:post.body/> и вставляем после неё следующий код:

<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="left" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>

Сохраните шаблон. Если всё правильно сделали должно заработать. Удачи всем. До новых встреч.

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

0 коммент. :

Отправить комментарий

 
Footer