Моментальные статьи Facebook: как настроить и публиковать


Эта статья — полное руководство по настройке плагина Моментальных статей Facebook для вашего блога на WordPress и правильной публикации их на фан-странице.

Что такое Моментальные статьи?

Моментальные статьи Facebook — это новый способ публикации и отображения статей с вашего сайта на вашей фан-странице. Этот формат разработал Facebook, а значит он будет его продвигать и отдавать охват больше, чем постам-ссылкам, опубликованным традиционным способом. Ваши статьи на сайте остаются в прежнем виде, их Facebook будет переформатировать в «моментальный» вид и именно его показывать мобильным пользователям.

Autoplay Video Example

Опубликовано Stationary 23 августа 2016 г.

В чем особенность Моментальных статей?

Они предназначены для использования только на мобильных устройствах. Когда вы подключите функцию Моментальных статей к своему сайту, то сможете публиковать статьи на фан-странице как в обычном режиме, так и в «моментальном» режиме на свой выбор. Но такой выбор будет только на мобильных устройствах. Для настольных компьютеров формат Моментальных статей не предназначен, так как его задача — увеличить скорость загрузки статей при медленном мобильном интернете. Вторая задача — сделать Моментальные статьи интерактивными.

Какая выгода Моментальных статей

Facebook официально заявляет, что скорость загрузки таких статей в 10 раз выше, чем загрузка обычной статьи на сайте.

Как подключить Моментальные статьи к сайту на WordPress

Шаг 1. Установка плагина

Зайдите в консоль администратора WordPress — слева откройте раздел Плагины — Добавить новый.

В поиске напишите Instant Articles и нажмите Установить рядом с тем плагином, в разработчиках которого указан Facebook.

После установки активируйте плагин.

В левом меню у вас появится новая опция «Instant Articles». Нажмите ее, чтобы приступить к настройке плагина.

Шаг 2. Настройка Моментальных статей на сайте

Нажмите зеленую кнопку «Get Started» (Начать).

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

Нажмите синюю кнопку Get App ID (Получить ID приложения).

Перед вами откроется раздел разработчиков Facebook. Вверху справа нажмите «Мои приложения» и в выпавшем списке кликните «Добавить новое».

Появится окно, в котором уже указан ваш email. Вам остается вписать любое название для приложения в верхнее поле и выбрать Категорию «Приложения для Страниц». Затем нажать кнопку «Создайте ID приложения».

После капчи перед вами откроются настройки приложения. Слева нажмите «Проверка приложения» и сделайте приложение доступным для всех, нажав на переключатель вверху.

Facebook спросит подтверждение этого действия. Нажмите синюю кнопку.

Затем слева откройте «Настройки» и внизу нажмите серую длинную кнопку «Добавить платформу».

Выберите «Веб-сайт».

Внизу появится поле URL-адрес сайта. Вставьте в него ссылку на ваш сайт (в моем случае: http://iqformat.club/). Вверху найдите поле «Домены приложений» и вставьте в него домен (в моем случае: iqformat.club). Нажмите внизу синюю кнопку «Сохранить изменения».

Последнее.

Слева зайдите в «Панель». Вам надо будет скопировать «Идентификатор приложения» и «Секрет приложения». Чтобы увидеть Секрет, нажмите кнопку «Показать» и введите пароль от Facebook-акаунта.

Затем вернитесь в консоль WordPress и вставьте ID и Секрет. Нажмите зеленую кнопку Log In.

Следующий этап.

У вас появится кнопка «Login with Facebook». Нажмите ее.

Начните процесс авторизации созданного вами приложения.

В первом окне нажмите синюю кнопку «Продолжить как …»

В следующем окне разрешите доступ к своим фан-страницам.

После этого вас перебросит назад в WordPress, и вы увидите список ваших фан-страниц. Поставьте чек-бокс напротив нужной. Затем справа нажмите на ссылку «Sign Up».

На этот раз вас перебросит в Facebook, где вам еще раз надо будет отметить нужную фан-страницу из перечня, ниже поставить галочку, что вы согласны с «Правилами использования» и нажать зеленую кнопку «Откройте инструменты по работе с моментальными статьями».

Вы снова окажитесь в консоли WordPress с тем же перечнем фан-страниц. Снова выбираете нужную Страницу. На этот раз зеленая кнопка «Select» («Выбрать») активна. Нажмите ее.

Готово. Приложение подключено к фан-странице. Следующий этап — настройка стилей. Достаточно загрузить логотип. Для этого нажмите зеленую кнопку «Customize».

Вас перенаправит на этот раз на фан-страницу в раздел «Инструменты для публикации — Моментальные статье». Сразу откроется всплывающее окно со стилями. В нем нажмите кнопку «Загрузить логотип».

Размеры логотипа 690 на 132 пикселя, формат .png24 и фон прозрачный.

Выберите логотип вашего сайта на компьютере и после его загрузки нажмите вверху «Сохранить», а потом «Отмена», чтобы закрыть окно.

В этом разделе заполните ещё 2 обязательных поля.

Прокрутите вниз до секции «инструменты». Откройте первую настройку «Connect Your Site» (Связать с веб-сайтом). Скопируйте ту строчку кода, которую увидите на темном фоне.

Теперь откройте консоль администратора WordPress — слева «Внешний вид» — «Редактор» — справа «Заголовок (header.php)». Между тегами <head></head< вставьте скопированную строчку кода. Внизу нажмите синюю кнопку «Обновить файл».

(нажмите картинку, чтобы увеличить)

Вернитесь на фан-страницу в Настройки Моментальных статей и откройте «Общедоступная лента RSS». В поле «URL ленты RSS» вставьте ссылку на свой сайт и после нее добавьте feed/instant-articles. Должно получится вот так: http://website.com/feed/instant-articles

В моём случае ссылка на RSS выглядит так http://iqformat.club/feed/instant-articles

Эта добавочная часть ссылки одинакова для всех, её формирует установленный плагин на WordPress. Проверьте, работает ли она, скопировав ссылку RSS полностью и открыв ее в новом окне браузера.

Нажмите кнопку «Сохранить».

Перед вами может снова открыться автоматом окно со стилями. Закройте его.

Теперь вернитесь в консоль WordPress, где мы настраиваем Моментальные статьи. Вы увидите рядом с зеленой кнопкой «Customize» синюю кнопку «Next» («Дальше»). Нажмите её.

Вы увидите, что все шаги по настройке плагина завершены и вам останется нажать зеленую кнопку «Submit for Review» («Отправить на проверку»). На проверку отправляются статьи вашего сайта. Проверяется контент сайта и его структура, стили, чтобы статьи вашего сайта корректно отображались в Моментальных статьях Facebook.

Вы можете увидеть такую ошибку «Permissions error» («Ошибка доступа»).

Она появляется только внутри плагина (может быть, вы знаете почему?). Но если вы отправите на проверку через Настройки на фан-странице, то ошибка не появится.

Вернитесь на фан-страницу. В секции «Начальная настройка» в Шаге 2 нажмите синюю кнопку «Отправить на проверку».

Вы должны увидеть уведомление, что статьи успешно отправлены на проверку.

После этого на том же месте будет написано, что проверка займет до 3-ёх дней.

Хитрость. Может быть, Facebook от вас потребует написать 5 новых статей, чтобы именно их отправить на проверку. Это можно обойти. Просто откройте в своем WordPress 5 существующих статей для редактирования и нажмите для каждой «Обновить». После этого они будут считаться «свежими» и Facebook их примет для проверки.

Шаг 3. Публикация Моментальных статей.

Через 3 дня зайдите на фан-странице в Настройки Моментальных статей. Если проверка прошла успешно, то в секции «Начальная настройка — Шаг 2» будет зеленая надпись:

Ниже в «Шаге 3» под названием «Начните публиковать Моментальные статьи» есть опция «Публикация RSS». В ней вы можете либо оставить выключенным автоимпорт, либо включить его.

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

Если Автоимпорт выключен, то вы должны вручную каждую статью импортировать в формат Моментальной. Я оставлю именно ручной режим.

Чтобы вручную импортировать статью в формат Моментальная:

— зайдите слева в «Общедоступные статьи»
— в списке статей отметьте галочкой нужную
— вверху нажмите кнопку «Действие»
— кликните «Опубликовать»

Статус статьи изменится с «Неопубликованные» на «Опубликовано».

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

Можно ли отменить импорт статьи в формат Моментальной? Да. Снова нажмите кнопку «Действие» и выберите «Отмена публикации».

Осталось увидеть эту моментальную статью своими глазами.

На сайте скопируйте ссылку на статью.
На фан-странице в Facebook опубликуйте её.
Откройте фан-страницу с мобильного и вы увидите иконку «молнии» на публикации.

Пост с моментальной статьёй:

Сама статья в формате Моментальной:

Если вы проделали все эти шаги, то теперь вы знаете всё о том, как подключить Моментальные статьи Facebook к своему сайту WordPress, умеете настраивать их и публиковать на фан-странице.

Поделитесь ссылками на свои публикации с Моментальными статьями в комментариях.

Статьи по теме:

Официальная презентация Моментальных статей
Программирование Интерактивных функций

Поделитесь с друзьями

Комментарии Facebook: