15

Как подключить Мгновенные статьи Facebook на WordPress

Подключить WordPress сайт к Мгновенным статьям Facebook просто.

Следуйте инструкции в этой статье и через 5-10 минут все будет готово.

25% всех сайтов в интернете работают под управлением WordPress.

Для упрощения жизни издателям Facebook стал партнером родительской компании WordPress, чтобы создать плагин, который автоматически передает материалы сайта в Мгновенные статьи фейсбука.

Посмотрите на мгновенную статью, оптимизированную плагином WordPress:

Мгновенная статья Foreign Policy, созданная WordPress плагином.

Мгновенная статья Foreign Policy, созданная WordPress плагином.

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

При клике на фото, оно увеличивается во весь экран.

Еще один пример Instant Article от Zap2it:

Видео автоматически оптимизируется под интерактивный формат Моментальных статей.

Видео автоматически оптимизируется под интерактивный формат Моментальных статей.

В этом примере видео, опубликованное в статье, автоматически оптимизируется под интерактивный формат Моментальных статей: видео воспроизводится автоматически.

Как подключить Мгновенные статьи Facebook на WordPress

Несмотря на размер этой инструкции, настройка плагина занимает 5-10 минут и производится всего 1 раз.

Я задокументировала абсолютно каждый свой шаг, поэтому с настройкой справится любой.

Шаг 1. Установите и активируйте WordPress плагин

Всем пользователям WordPress рекомендую использовать плагин, разработанный в партнерстве с Facebook: Instant Articles for WP.

Установите и активируйте WordPress плагин

  1. Перейдите в админ панель сайта Плагины — Добавить новый.
  2. Введите в поиске Instant Articles for WP.
  3. Нажмите Установить, а потом активируйте плагин.

После активации плагина на вашем сайте появляется новая RSS лента, которую можно просмотреть по адресу: [ваш-домен]/feed/instant-articles.

Новая лента включает правильную разметку и данные для Мгновенных статей Facebook.

➤ См. справку Facebook Публикация с помощью ленты RSS

Шаг 2. Свяжите новую RSS ленту с Facebook

Найдите в админ панеле новую вкладку: Instant Articles.

Теперь вам необходимо связать новую RSS ленту с вашей бизнес страницей Facebook.

Для это в админ панеле вашего сайта найдите новую вкладку Instant Articles.

Кликните на нее, чтобы перейти в настройки плагина.

Чтобы связать RSS ленту моментальных статей с Facebook, необходимо создать приложение Facebook , скопировать его ID и секретный ключ:

Создайте Facebook приложение, скопируйте его ID и секретный ключ.

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

Как создать Facebook приложение

  1. Перейдите по ссылке на сайт Facebook Developers.
  2. Нажмите на зеленую кнопку Добавьте новое приложение.
  3. Следуйте подсказкам на скриншотах ниже:

Как создать Facebook приложение

Как создать Facebook приложение

Как создать Facebook приложение

Как создать Facebook приложение

Как создать Facebook приложение

Как создать Facebook приложение

  1. Скопируйте ID приложения и секретный ключ в настройки плагина. Нажмите синюю кнопку Далее.

Как создать Facebook приложение

ВНИМАНИЕ: Вам осталось выбрать бизнес страницу Facebook, которую вы хотите подключить к вашему сайту:

Вам осталось выбрать бизнес страницу Facebook, которую вы хотите подключить к вашему сайту

Для этого вы должны ЗАРЕГИСТРИРОВАТЬСЯ в программе Instant Articles Facebook.

См. подробную инструкцию здесь

Шаг 3. Настройте стили, аналитику и рекламу

Далее вам необходимо указать стиль и настроить аналитику.

По умолчанию плагин подставляет стиль default, вы можете заменить его на свой:

Далее вам необходимо указать стиль и настроить аналитику.

➤ Смотрите, как создать шаблон стилей в Мгновенных статьях.

Чтобы встроить аналитику в Instant Articles:

  1. Отметьте галкой «Enable custom embed code».
  2. Скопируйте в поле скрипт яндекс и гугл аналитики.

Как встроить аналитику в Instant Articles

Также плагин позволяет настроить рекламные блоки для монетизации ваших моментальных статей:

Также плагин позволяет настроить рекламные блоки для монетизации ваших моментальных статей

Шаг 4. Включите режим разработчика и тестируйте

Чтобы не создавать хаос в Библиотеке Мгновенных статей, обязательно включите Режим разработчика:

Обязательно включите Режим разработчика

Режим разработчика подразумевает, что ваши новые материалы будут публиковаться в видео черновиков в Библиотеке Моментальных статей

Режим разработчика подразумевает, что ваши новые материалы будут публиковаться в видео черновиков в Библиотеке Моментальных статей.

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

Не забудьте сохранить изменения в настройках плагина, нажав на кнопку Save changes.

На этом настройка плагина завершена.

С этого момента все ваши новые материалы на сайте будут автоматически попадать в Библиотеку моментальных статей.

При условии, что вы выполнили все необходимые настройки на вашей странице Facebook:

  1. Зарегистрировались в программе Instant Articles.
  2. Выбрали бизнес страницу Facebook.
  3. Заявите URL вашего сайта.

ПОДСКАЗКА:

Чтобы отправить в Библиотеку ранее опубликованные вами материалы, откройте Редактирование записи и нажмите Сохранить.

Библиотека Моментальных статей

Даже если вы еще не прошли модерацию ваших статей, вы уже можете начинать экспериментировать с внешним видом ваших мгновенных публикаций.

Где искать библиотеку:

Перейдите на вашу страницу Facebook — Инструменты для публикации — Моментальные статьи.

Так выглядит Библиотека Моментальных статей

Так выглядит Библиотека Моментальных статей

Библиотека пока еще не переведена на русский язык, поэтому даю расшифровку:

  • Production — Здесь появляются подготовленные вами для публикации материалы. (После проверки вы сможете перевести статьи в статус Опубликовано.)
  • Development — Сюда попадают черновики ваших материалов с сайта, где вы можете отредактировать их или удалить.
  • Example — Выложены примеры моментальных статей — к чему вам стремиться.

Аналитика для моментальных статей

Чтобы определить, насколько моментальные статьи интересны вашим читателям, вы можете использовать данные аналитики, предоставленные Facebook:

Аналитика для моментальных статей

Доступные аналитические данные:

  • Клики: сколько всего раз читатели открывали моментальную статью.
  • Потраченное время: распределенный показатель времени, которое люди потратили на чтение вашей статьи, от момента открытия до момента закрытия.
  • Глубина прокрутки: распределенный показатель глубины прокрутки; по нему вы сможете узнать, сколько человек прочли статью до конца.

Например, если при открытии отображается 10% содержимого статьи, минимальная глубина прокрутки составляет 10%. Если на экране отобразилась нижняя часть статьи, значит, глубина прокрутки достигла 100%.

ВАЖНО: В этот трафик входят статьи, опубликованные на вашей странице, а также повторно опубликованные другими людьми и на других страницах Facebook.

Версия статьи на вашем веб-сайте не учитывается.

В заключение

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

На данный момент партнеры Facebook подключили интеграции для WordPress, Drupal, Atavist, Medium, Perk Distributed, RebelMouse, ShareThis, Sovrn, Steller, Tempest.

Следить за появлением новых интеграций от партнеров Facebook можно тут.

Алена Старовойтова

Алена Старовойтова

Руководитель проекта Ключи Мастерства.
В свободное время делюсь своими стратегиями контент маркетинга... Как приносить пользу людям и при этом хорошо зарабатывать.
Алена Старовойтова
  • https://www.facebook.com/app_scoped_user_id/10206444268678086/ Varvara Lyalyagina

    Алёна, спасибо большое за подробную инструкцию. Странно, но после активации плагина RSS лента не появилась. :( startblogup.com/feed=instant-articles Выдает ошибку и всё. :(( Как думаете, с чем это может быть связано?

    Я вот из тех новичков, кто не создавал приложений для FB, поэтому не очень поняла, что нужно писать в окошке «Домены приложений», когда фейсбук прилодение настраиваю. Можете подсказать, пожалуйста? Спасибо!

    • http://kluchimasterstva.ru/ Алена Старовойтова

      Поправила опечатку… все у вас работает http://startblogup.com/feed/instant-articles

      В домене приложений — startblogup.com. Без http… ссылка на сайт. Умница!

  • http://vk.com/id924405 Алексей Валяев

    Круто! Отдаю программисту — будем настраивать.
    ОЧень интересно как оно работает )

    • http://kluchimasterstva.ru/ Алена Старовойтова

      Как модерацию фейсбука пройду, покажу :) Уже 4й день вместо заявленных 48 часов идет…

  • http://vk.com/id255379046 Наталья Плюхина

    Огромная благодарность! Обожаю инструкции Алёны! Всегда всё чётко, ясно, даже если дело касается чего-то совершенно нового и трудного, на первый взгляд. Следуя её алгоритмам всё становится простым и понятным!)

    • http://kluchimasterstva.ru/ Алена Старовойтова

      Зато 1 раз написал и можно сотрудникам отправлять )) Приятно!

  • https://plus.google.com/114670117948971197845 Angelika Elizabet

    Алена, ты как всегда логично, лаконично и просто все написала! Благодарю за труд! Пока еще толком не смотрела, не вникала в схему, но точно знаю, что у тебя все круто!!!

  • http://vk.com/id136198986 Theodor Adorno

    Здравствуйте! адрес/feed/instant-articles выдает 404
    Плагин активирован и привязан к приложению на фб, урл заявлен успешно

    В чем может быть проблема?

  • http://vk.com/id136198986 Theodor Adorno

    Так, разобрался. Нужно просто зайти на страницу настройки ЧПУ (wp-admin/options-permalink.php) и rss начинает отображаться по дефолтному адресу

  • http://kluchimasterstva.ru/ Алена Старовойтова

    А ссылки на сайте не полетели, после переключения?

  • http://vk.com/id136198986 Theodor Adorno

    А я и не переключал ничего, достаточно было просто зайти на эту страницу.

    А как сделать в конце материала три плашки со ссылками на другие интересные материалы? Понятно что можно кодить это фейсбучными средствами, а вот плагин может в помочь в таком случае? Или там только NEXT и PREV можно подключить?

    • http://kluchimasterstva.ru/ Алена Старовойтова

      Нет… просто блок вставить… Сейчас найду — вообще у них все коды в их руководстве написаны… https://developers.facebook.com/docs/instant-articles/reference Они сами появляются, но можно свой блок вставить:


  • http://vk.com/id196046020 Василий Голяшов

    Вот только не упомянули, что для этой штуки PHP 5.4 не подходит. Надо поднимать выше.

  • http://kluchimasterstva.ru/ Алена Старовойтова

    Возможно… в серверные настройки я точно не залезала :)

  • https://www.facebook.com/app_scoped_user_id/1120709171338736/ Alsu Gubaeva

    Доброго дня! Спасибо Вам за статью! Все просто и понятно! Нигде больше не нашла об этом никакой информации. И есть пара вопросов: что это может быть если при отправке статей на проверку выдает сообщение Permissions error? И если в статье есть ссылка на видео с ютуб оно не будет автоматически начинать проигрываться да? может у меня что-то неправильно.. Какие же тогда видео будут в автозапуске?.. Заранее благодарю!