Как добавить в блог приложение «Recommendations Bar» от Facebook

Почти год понадобился разработчикам Facebook для создания обещанного приложения «Recommendations bar». И вот чудо свершилось — приложение работает уже на многих известных ресурсах (например — Mashable.com). Можно без преувеличения утверждать, что это — одна из самых полезных разработок для вебмастеров от самой (на сегодняшний день) популярной социальной сети.

Dobavit v blog prilojeniye Recommendations Bar

Основная задача «Recommendations bar» — удержать внимание читателя и заставить его перейти по внутренним ссылкам на другие интересные материалы блога.

Если при загрузке страницы приложение почти незаметно,

Как добавить в блог приложение «Recommendations Bar» от Facebook

то по мере чтения материала и прокрутки страницы блога вниз — открывается новое окно с миниатюрными иллюстрациями и ссылками на статьи:

Как добавить в блог приложение «Recommendations Bar» от Facebook

Посмотреть действующую модель новой разработки Facebook можно в нижней части моего блога, справа (не забывайте нажать на кнопку и поделиться ссылкой с друзьями)).

Нет сомнения, что приложение будет стимулировать активность читателей, способствовать росту количества просмотров статей и повышению трафика. А это позитивно скажется на ранжировании блога в поисковых системах.

Пакистанский блоггер Мустафа Мухаммед Ahmedzai, с чьими оригинальными разработками я уже не раз вас знакомил, предложил простой способ интеграции приложения «Recommendations bar» в блоги на платформе Blogger. Воспользуемся его подсказками.

Шаг 1: Создать приложение в Facebook

1. Регистрируемся в Приложениях Facebook

2. Нажимаем справа кнопку «Создать новое приложение»

Как добавить в блог приложение «Recommendations Bar» от Facebook

3. В открывшемся окне вводим «My Recommendation bar»

Как добавить в блог приложение «Recommendations Bar» от Facebook

4. Вводим код капчи и нажимаем «Отправить»

5. В следующем окне выбираем «Website with Facebook Login» и вводим URL своего блога (как на скриншоте)

Как добавить в блог приложение «Recommendations Bar» от Facebook

6. Нажимаем «Сохранить изменения»

7. Копируем код App ID и сохраняем в Блокноте (Это пригодится нам в дальнейшем).

Как добавить в блог приложение «Recommendations Bar» от Facebook

Добавить приложение «Recommendations Bar» в блог Blogger

1. Blogger.com —> Шаблон

2. Резервное копирование шаблона

3. Изменить HTML —> Приступить

4. Находим <html

и заменяем его таким кодом:

<html xmlns:fb=’http://ogp.me/ns/fb#’

5. Находим <body> и сразу после него вставляем код, полученный по этой ссылке

6. а) Замените в коде *************** на 15-значный App ID приложения, который мы сохранили в блокноте

    б) Замените http://vsegenialno.blogspot.com/ на URL своего блога

7. Сохраняем шаблон. Наше приложение установлено!

Теперь перейдите на страницу любой статьи блога, опустите прокрутку на 50% страницы и подождите 10 секунд. Если всё сделано правильно — вы увидите приложение «Recommendations Bar» в действии.

Доброй охоты всем нам!

Ваш Retliff



0 комментариев к “Как добавить в блог приложение «Recommendations Bar» от Facebook”

  1. The Recommendations Bar is always docked to the lower right (or left) of the screen … You must include open graph markup on your articles so Facebook knows …

    Ответить
  2. @Сергей Кожанов Конечно, это приложение будет работать и с WP! 🙂 ТОлько там процедура установки другая!

    Ответить
  3. @sollid Мой блог ориентирован больше на Blogger:)
    Попробуйте посмотреть здесь:
    https://developers.facebook.com/docs/reference/plugins/recommendationsbar/

    Ответить
  4. Никак не получается создать приложение. Все делаю верно, ввожу капчу и появляется такая надпись:

    You've been blocked from creating apps because we haven't been able to verify your account. You need to use your real name to maintain an account on Facebook, but you can set up a separate test account for your apps. Learn more: http://developers.facebook.com/docs/test_users/

    If you believe you have received this message in error, please submit an appeal: https://www.facebook.com/help/contact_us.php?id=140703502680919.

    Помогите решить проблему

    Ответить

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