Web How Семинарът – въоръжава за интернет бизнес SEO адреси за резултатите от търсене на WordPress
Маркетинг блог на Иво Илиев
  • Маркетинг
  • Размисли
  • За Автора

Извличане и индивидуален дизайн на facebook comments за WordPress с JQuery

Posted by Иво Илиев in Маркетинг в социалните мрежи, Маркетинг във Facebook on май 3, 2011

UPDATE: Кликнете тук за да видите скрипт за facebook коментари, оптимизирани за SEO на сайта

Едно бързо и добро решение в случай, че искате индивидуален дизайн на facebook коментарите и да ги направите част от интерфейсът на WordPress коментарите.

За целта е необходимо да отворите comments.php на вашата WordPress тема и да добавите следния код (преди или след кода за wordpress листване на коментарите):

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$.getJSON("https://graph.facebook.com/comments/?ids=<?php the_permalink(); ?>&callback=?",
 function (j) {
 var roboText = "";
 $.each(j, function (i) {
 $.each(this.data, function (i, item) {
 fbText += "<div class=\"quote\"><div class=\"alt\"><a href=\"http://www.facebook.com/profile.php?id=" + this.from.id + "\" target=\"_blank\"><img class=\"avatar avatar-80 photo\" width=\"80\" height=\"80\" src=\"http://graph.facebook.com/" + this.from.id + "/picture\" /></a><p>" + this.message + "</p></div><small>Facebook коментар на <a href=\"http://www.facebook.com/profile.php?id=" + this.from.id + "\" target=\"_blank\">" + this.from.name + "</a> от дата: " + this.created_time + ". Харесвания: " + this.likes + "</small></div>";
 });
 });
 $('#facebookcomments').html(fbText);
});
</script>

<div id="facebookcomments"></div>

Чрез <div id=“facebookcomments“></div> „извиквате“ всички коментари, които се зареждат в реално време чрез Facebook Graph API. В кода по-горе може да промените лейаута с този, който вашата WordPress тема използва – това става в частта fbText

Минусите на разработката са отново, че липсват контролите (като „Отговор“ или „Харесва ми“) за добавяне и харесване на коментар, които facebook comments по принцип предлагат. Друг минус е, че JQuery не е особено добър метод, що се отнася до SEO на коментарите.

Плюсовете са, че имате синхрон в дизайна на facebook и wordpress коментарите, което прави блогът по-прегледен и уеднаквен в тази връзка. Коментарите се листват с еднакъв дизайн на едно място. Друг плюс е, че за разлика от други разработки, когато някой изтрие своя facebook коментар – той се изтрива и от листнатите коментари.

Category: Маркетинг в социалните мрежи, Маркетинг във Facebook Tags: facebook comments for wordpress, facebook comments jquery, facebook comments json, facebook comments to wordpress, fetch facebook comments, get facebook comments, извличане на facebook comments
Share:

Иво Илиев

___ Повече за автора четете от тук | YouTube канал | Facebook страница ___ Иво Илиев e управител на дигиталните маркетинг компании BOLANDILA и InteractAGE. ___ Иво Илиев е практик в сферата на маркетинга, рекламата и комуникациите от 2003г. Има богат опит в маркетинга и рекламата на международни компании. Практикува като консултант, водещ на корпоративни обучения, лектор. ___ View all posts by Иво Илиев

Comments (5)

  1. shabla каза:
    25.05.2011 в 14:57

    Аз нещо не мога да се ориентирам къде точно да го напъхам в comments.php – той май е доста модифициран в моята тема

    Отговор
    • Иво Илиев каза:
      25.05.2011 в 15:04

      в comments.php би трябвало да е мястото.
      Иначе ползвай този скрипт тук – http://ivosiliev.com/%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d0%bd%d0%b8-%d0%bc%d1%80%d0%b5%d0%b6%d0%b8/date:2011-05-05/seo-%d0%bd%d0%b0-facebook-%d0%ba%d0%be%d0%bc%d0%b5%d0%bd%d1%82%d0%b0%d1%80%d0%b8%d1%82%d0%b5_1151.html по-добър е от гл.т. seo

      Отговор
  2. Стамен Стаменов каза:
    07.05.2011 в 15:56

    Благодаря ти за Хелпа от днес 🙂

    Отговор
    • Ivo Iliev каза:
      07.05.2011 в 16:44

      Няма проблем 🙂 Честито ти facebook коментари в сайта 🙂 Ще видиш положителния ефект от тях съвсем скоро, убеден съм

      Отговор
  3. Политика каза:
    03.05.2011 в 11:15

    Полезно

    Отговор

Вашият коментар Отказ

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *