Как добавить в блог приложение "Recommendations Bar" от Facebook
Почти год понадобился разработчикам Facebook для создания обещанного приложения "Recommendations bar". И вот чудо свершилось - приложение работает уже на многих известных ресурсах (например - Mashable.com). Можно без преувеличения утверждать, что это - одна из самых полезных разработок для вебмастеров от самой (на сегодняшний день) популярной социальной сети.
Основная задача "Recommendations bar" - удержать внимание читателя и заставить его перейти по внутренним ссылкам на другие интересные материалы блога.
Если при загрузке страницы приложение почти незаметно,
то по мере чтения материала и прокрутки страницы блога вниз - открывается новое окно с миниатюрными иллюстрациями и ссылками на статьи:
Посмотреть действующую модель новой разработки Facebook можно в нижней части моего блога, справа (не забывайте нажать на кнопку и поделиться ссылкой с друзьями)).
Нет сомнения, что приложение будет стимулировать активность читателей, способствовать росту количества просмотров статей и повышению трафика. А это позитивно скажется на ранжировании блога в поисковых системах.
Пакистанский блоггер Мустафа Мухаммед Ahmedzai, с чьими оригинальными разработками я уже не раз вас знакомил, предложил простой способ интеграции приложения "Recommendations bar" в блоги на платформе Blogger. Воспользуемся его подсказками.
2. Нажимаем справа кнопку "Создать новое приложение"
3. В открывшемся окне вводим "My Recommendation bar"
4. Вводим код капчи и нажимаем "Отправить"
5. В следующем окне выбираем "Website with Facebook Login" и вводим URL своего блога (как на скриншоте)
6. Нажимаем "Сохранить изменения"
7. Копируем код App ID и сохраняем в Блокноте (Это пригодится нам в дальнейшем).
2. Резервное копирование шаблона
3. Изменить HTML --> Приступить
4. Находим <html
и заменяем его таким кодом:
5. Находим <body> и сразу после него вставляем код, полученный по этой ссылке
6. а) Замените в коде *************** на 15-значный App ID приложения, который мы сохранили в блокноте
б) Замените http://vsegenialno.blogspot.com/ на URL своего блога
7. Сохраняем шаблон. Наше приложение установлено!
Теперь перейдите на страницу любой статьи блога, опустите прокрутку на 50% страницы и подождите 10 секунд. Если всё сделано правильно - вы увидите приложение "Recommendations Bar" в действии.
Доброй охоты всем нам!
Ваш Retliff
Твитнуть
Основная задача "Recommendations bar" - удержать внимание читателя и заставить его перейти по внутренним ссылкам на другие интересные материалы блога.
Если при загрузке страницы приложение почти незаметно,
то по мере чтения материала и прокрутки страницы блога вниз - открывается новое окно с миниатюрными иллюстрациями и ссылками на статьи:
Посмотреть действующую модель новой разработки Facebook можно в нижней части моего блога, справа (не забывайте нажать на кнопку и поделиться ссылкой с друзьями)).
Нет сомнения, что приложение будет стимулировать активность читателей, способствовать росту количества просмотров статей и повышению трафика. А это позитивно скажется на ранжировании блога в поисковых системах.
Пакистанский блоггер Мустафа Мухаммед Ahmedzai, с чьими оригинальными разработками я уже не раз вас знакомил, предложил простой способ интеграции приложения "Recommendations bar" в блоги на платформе Blogger. Воспользуемся его подсказками.
Шаг 1: Создать приложение в Facebook
1. Регистрируемся в Приложениях Facebook2. Нажимаем справа кнопку "Создать новое приложение"
3. В открывшемся окне вводим "My Recommendation bar"
4. Вводим код капчи и нажимаем "Отправить"
5. В следующем окне выбираем "Website with Facebook Login" и вводим URL своего блога (как на скриншоте)
6. Нажимаем "Сохранить изменения"
7. Копируем код App ID и сохраняем в Блокноте (Это пригодится нам в дальнейшем).
Добавить приложение "Recommendations Bar" в блог Blogger
1. Blogger.com --> Шаблон2. Резервное копирование шаблона
3. Изменить HTML --> Приступить
4. Находим <html
и заменяем его таким кодом:
5. Находим <body> и сразу после него вставляем код, полученный по этой ссылке
6. а) Замените в коде *************** на 15-значный App ID приложения, который мы сохранили в блокноте
б) Замените http://vsegenialno.blogspot.com/ на URL своего блога
7. Сохраняем шаблон. Наше приложение установлено!
Теперь перейдите на страницу любой статьи блога, опустите прокрутку на 50% страницы и подождите 10 секунд. Если всё сделано правильно - вы увидите приложение "Recommendations Bar" в действии.
Доброй охоты всем нам!
Ваш Retliff
Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.
Твитнуть
Всё понятно и полезно, а ВордПресс это подойдёт.
ОтветитьУдалитьС уважением, СергеЙ.
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 ...
ОтветитьУдалить@Сергей Кожанов Конечно, это приложение будет работать и с WP! :) ТОлько там процедура установки другая!
ОтветитьУдалить@Сергей Мазураш
ОтветитьУдалитьА можно поподробней насчет установки на WP =) ?
@sollid Мой блог ориентирован больше на Blogger:)
ОтветитьУдалитьПопробуйте посмотреть здесь:
https://developers.facebook.com/docs/reference/plugins/recommendationsbar/
Никак не получается создать приложение. Все делаю верно, ввожу капчу и появляется такая надпись:
ОтветитьУдалить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.
Помогите решить проблему
А у меня после всех манипуляций ничего не произошло. Подскажите, что можно изменить?
ОтветитьУдалить@Валерий Попробуйте очистить кэш!
ОтветитьУдалить