Кнопка Фейс Бук "мне нравится" "поделится" в каждом посте.

автор parci100g Март 22nd 2012, 15:28

Здрасте, скажите пожалуйста как реализовать такую вот кнопочку, для форума, что например где то в районе подписи в каждом посте, находилась кнопка Фейс Бук.
Заранее очень вам благодарен.

Код:: <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=257068177677793"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="http://oes-kabbala.forumgrad.com/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true">

автор **Dana Domirani** Март 22nd 2012, 16:21

В виджет на главной странице добавьте код:

Код:: <div style="display: none"><div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=257068177677793"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-href="http://oes-kabbala.forumgrad.com/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"> </div>

Сохраните.

В CSS добавьте

Код:: .fb_edge_widget_with_comment { position: relative; bottom: 5px; left: 5px; }

Сохраните.

В ПА > Модули > Управление кодами JS укажите Активировать управление кодами Javascript : Да
и создайте новый файл
Название: любое
Расположение: в темах
Код Javascript:

Код:: jQuery(document).ready(function(){ jQuery('div.fb-like').insertAfter('.postbody'); });

Сохраните.

Кнопка Фейс Бук "мне нравится" "поделится" в каждом посте. Snap0010

автор parci100g Март 23rd 2012, 03:03

Спасибо! все встало, но есть нюанс, при нажатии отправить, сам пост и его содержимое не копируется и ФБ отправляется общая информация (описание) форума. Хорошо бы что бы статья тоже отображалась в ФБ.

автор **Dana Domirani** Март 23rd 2012, 04:29

А при установки кнопки просто в виджет — статья копируется?

автор parci100g Март 23rd 2012, 11:07

Dana Domirani пишет:А при установки кнопки просто в виджет — статья копируется?

Вы имеете ввиду отключить её CSS, и скрипт?

автор **Dana Domirani** Март 23rd 2012, 11:12

Да. Я интересуюсь, работает ли она так, как Вы хотите, если ее просто поставить в виджет, без скрипта переноса под каждый пост.

автор parci100g Март 23rd 2012, 11:24

Dana Domirani пишет:Да. Я интересуюсь, работает ли она так, как Вы хотите, если ее просто поставить в виджет, без скрипта переноса под каждый пост.

1. отключен скрипт и фрагмент CSS - ФБ не отображается не в постах не в виджите.
2. отключен скрипт - ФБ не отображается не в постах не в виджите.
3. отключен фрагмент CSS - ФБ отображается только в постах.
4. включен скрипт и фрагмент CSS - ФБ отображается в постах в виджите не отображается.
Мой форум

автор **Dana Domirani** Март 23rd 2012, 11:29

Поставьте в виджет только то, что предлагалось изначально:

Код:: <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=257068177677793"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-href="http://oes-kabbala.forumgrad.com/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true">

и попробуйте отправить на FB любую тему. Будет ли в таком случае копироваться сам пост и его содержимое (как Вы и хотите) или опять отправится только общая информация о форуме?

автор parci100g Март 23rd 2012, 11:40

К сожалению только общая информация.

автор **Dana Domirani** Март 23rd 2012, 12:19

Проверьте еще: у Вас код кнопки урезан — без закрывающего тега
<div class="fb-like" data-href="http://oes-kabbala.forumgrad.com/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>

автор parci100g Март 23rd 2012, 13:14

Dana Domirani пишет:Проверьте еще: у Вас код кнопки урезан — без закрывающего тега
<div class="fb-like" data-href="http://oes-kabbala.forumgrad.com/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>

Без изменений, вставка </div> не подействовала на результат.

автор parci100g Март 23rd 2012, 14:24

Dana Domirani пишет:Поставьте в виджет только то, что предлагалось изначально:
Код:
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=257068177677793"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-href="http://oes-kabbala.forumgrad.com/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true">
и попробуйте отправить на FB любую тему. Будет ли в таком случае копироваться сам пост и его содержимое (как Вы и хотите) или опять отправится только общая информация о форуме?

Замечено что изначальный код в самом виджите ведет себя не корректно. Вернул первый вами предложенный.