кнопка «Мне нравится» в Facebook для заголовка блога и кнопки «Поделиться» в Facebook для каждого сообщения - PullRequest
Новая
       45

кнопка «Мне нравится» в Facebook для заголовка блога и кнопки «Поделиться» в Facebook для каждого сообщения

0 голосов
/ 01 апреля 2012

У меня есть блог (http://loveclubhouse.blogspot.com/).

(1) Я добавил одну кнопку «Нравится» поверх моего блога. Это глобальная кнопка «Нравится» для всего блогаОн доступен на каждой странице моего блога, так что пользователи могут выразить свое отношение к блогу в целом (не имеет значения, какой пост блога они читают в данный момент). 

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Floveclubhouse.blogspot.com%2F&amp;action=like&amp;...></iframe>

Я используюOpen Graph на Facebook. Поэтому, когда пользователь нажимает на кнопку «Нравится», на его стене в Facebook создается история с заголовком, описанием и предварительным изображением, которое ранее было определено в метатегах Open Graph моего блога. 

<meta content='DJ Club Mixes 2012' property='og:title'/>
<meta content='blog' property='og:type'/>
<meta content='http://loveclubhouse.blogspot.com/' property='og:url'/>
<meta content='Blog's cover image URL' property='og:image'/>
<meta content='Blog's description' property='og:description'/>

(2) В дополнение к глобальной кнопке «Мне нравится» я также добавил стандартные кнопки «addthis» для каждой публикации в моем блоге (скажем, пользователь хочет поделиться на своемдобавить сообщение из моего блога). 

<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
   <a class='addthis_button_facebook'/>
   ...
</div>
<script type='text/javascript'>
   var addthis_config = {ui_click:true, data_track_clickback:true};
</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d68d12853670207' type='text/javascript'/>

Однако, когда пользователь нажимает на кнопку «Поделиться» для публикации, Facebook генерирует историю на своей стене с тем же предварительным изображением и заголовком, которые были установлены.на весь блог.

Вопрос в следующем:

Как объединить (1) и (2) , чтобы пользователю мог понравиться мой блог в целом иПользователь может поделиться конкретными постами на своей стене с заголовком и превью-изображением для этого конкретного поста?

1 Ответ

0 голосов
/ 02 апреля 2012

Это все о тегах OG на вашей странице. Когда пользователь посещает другую страницу в вашем блоге, вы должны быть уверены, что og: title и og: description (и og: image, если хотите) обновлены в соответствии с текущей статьей вашего блога.

...