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

Для начала следует подробнее узнать, что такое моментальные статьи.

Что такое моментальные статьи в Фейсбуке?

instant-articles-gif

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

Да, все правильно, пользователь не переходит к вам на сайт а остается в мобильном приложении Фейсбука, где и открывается сама статья по средствам плагина, который передает сформированный по стандартам фейсбука код статьи. Посмотреть как работает моментальная статья можно на скриншоте выше.

Далее, как нам кажется, вас будет интересовать вопрос монетизации. При переходе с Facebook на ваш сайт вы могли пользоваться рекламой от Google Adsense, Яндекса и др. В данном случае этой возможности у вас не будет. Однако, фейсбук предлагает свой способ монетизации. В моментальных статьях может содержаться реклама двух типов: рекламодатели на Facebook могут использовать ваши моментальные статьи для рекламы своих компаний, либо вы можете использовать свою прямую рекламу, например, со своего интернет-магазина.

В ваши моментальные статьи вы сможете добавлять видео, фото, которые максимально органично вписываются в контент. Пример смотрите ниже:

— 1 —

— 2 —

Пример рекламного объявления в моментальных статьях

— 3 —

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

Как подключить моментальные статьи Facebook на WordPress?

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

Далее следуйте инструкции ниже.

Шаг 1. Установить и активировать плагин для WordPress Instant Articles for WP.

  • Для этого перейдите в раздел админки «Плагины», «Добавить новый»
  • В поиске введите Instant Articles for WP.
  • Установите и активируйте плагин.

Instant Articles for WP blogforestТакже вы можете его скачать перейдя по данной ссылке — Instant Articles for WP.

После активации плагина вам потребуется его настроить. В админке плагина вводим следующее:

— 1 —

Стиль вашей статьи вы можете настроить позже, об этом немного ниже.

плагин моментальных статей вордпресс настройка

— 2 —

Вставляем коды счетчиков.

Вставляем код аналитики в моментальные статьи

— 3 —

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

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

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

Сохраните настройки.

— 4 —

Далее вам нужно ввести Facebook Page ID.

Facebook Page ID

Перейдите по ссылке «these instructions» (см. скрин выше)  и следуйте инструкциям. Должно выглядеть приблизительно так:

Facebook Page ID - настроить

Если вдруг вы не обнаружили своей страницы, не пугайтесь, скорее всего она не нарушает Нормы монетизации :), а просто вы или другой человек, который имеет доступ к странице добавил моментальные статьи в начальную разработку. Чтобы продолжить настройку, перейдите на вашу страницу в Фейсбуке, и кликните сверху меню «Инструменты для публикации» . Вы попадете именно на ту же страницу куда бы вас и перенаправил фейсбук со скриншота выше. (см. скриншот ниже).

инструменты для публикаций1

Далее вам нужно будет работать именно с этой страницей и выполнять все сопутствующие шаги для настройки моментальных статей. Итак, если вы еще не забыли, нам нужен был Facebook Page ID, для того, чтобы вставить в установленный нами плагин. Для этого кликните на «Авторизуйте свой сайт», как показано на скриншоте выше. Вы будете перенаправлены немного ниже, где вы найдете ID своей страницы, который вам нужно скопировать, вставить в ваш плагин и сохранить настройки. После сохранения настроек, вам следует ввести домен вашего сайта, как это сделали мы и кликнуть на кнопку «Заявите URL».

Заявить урл

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

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

меню фейсбукТеперь настало время для подключения ленты RSS, чтобы все ваши статьи автоматически публиковались в фейсбуке. Пока вы не связали свою ленту, не одной статьи не будет отображаться в меню «Общедоступные статьи«, которое находится слева. В этом меню вы будете видеть все ваши статьи, как только свяжите ленту RSS.

Чтобы связать ленту, перейдите обратно в «Настройки» и кликните на вкладку «Общедоступная лента RSS«. В URL ленты RSS введите:

https://вашдомен.ru/feed/instant-articles 

и сохраните. (см. скрин ниже):

Лента обновляется автоматически несколько раз в час. Теперь вы можете вернуться в меню «Общедоступные статьи» и проверить, появились ли ваши статьи. Если все прошло успешно, то вы увидите кучу неопубликованных статей (если у вас новый сайт и на нем нет никакого контента, вы не сможете подключить моментальные статьи, для подключения требуется создать как минимум 10 статей). Опубликовать их не получится, так как нужно пройти проверку. Команда фейсбука по моментальным статьям проверит их на всевозможные ошибки и пришлет уведомление. Также, перед отправкой статей, рекомендуем ознакомиться с полным руководством facebook/instant-articles.

Важно, перед тем как отправить статьи на проверку, имейте в виду, что статьи должны быть написаны чисто в WordPress, без использования различных билдеров (например: visual composer) и других лишних кодов, которые фейсбук вероятнее всего не прочтет и проверку вы не пройдете. Используя в тексте заголовки, а под ними изображения, следите, чтобы изображение не попало под заголовок (Н1, Н2, Н3 и т.д., также B, I). Это означает, что в коде картинки присутствует лишние теги, которые не может интерпретировать Facebook.

Проверить, написаны ли ваши статьи без ошибок вы можете в админке, в произвольном поле, которое называется — Facebook Instant Article. (см. скриншот ниже):

ошибка моментальные статьи

Конечно, вы можете поставить галочку и подтвердить статью с предупреждением, но вряд ли это изображение отобразиться в вашей моментальной статье. Для этого вам нужно найти его, снять отметку «Заголовок» и поставить «Абзац». Предупреждения могут быть различного рода, это лишь один из примеров. Ну а мы продолжим настраивать наши статьи для отправки.

Шаг 3. Создание фирменного стиля ваших статей.

Итак, следующий шаг для подготовки статей на проверку, это создание фирменного стиля. Перейдите «Инструменты для публикации» > «Настройки» > «Стили«.

стили моментальные статьи

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

добавление логотипа в моментальные статьи

В этом меню вы можете полностью проработать внешний вид свой статьи с предпросмотром справа.

Первым делом нужно добавить логотип:

  • Это должен быть файл PNG с прозрачным фоном
  •  Минимальные размеры: 690px (ширина) х 132px (высота)

Остальное можно настроить уже после одобрения.

Как только вы добавили логотип,  нажимаем сохранить и у вас должна загореться кнопка «Отправить на проверку«.

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

Перед отправкой на проверку проверьте правильность отображения кода в меню «Общедоступные статьи«. Для этого вам нужно сравнить код в произвольных полях в админке статьи и общедоступных статьях на самом фейсбуке. (см. пример ниже).

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

Если все хорошо, переходите на Шаг 2 и отправляйте ваши статьи на проверку. Как только команда фейсбук проверит ваши статьи, вы получите уведомление о том, что вы можете публиковать моментальные статьи, либо, если были обнаружены ошибки, менеджер укажет на них и предложит исправить, после чего нужно опять отправить на новую проверку. После полной проверки вы должны получить следующее уведомление:

Уведомление о прохождении проверки

Далее мы расскажем, как вы можете использовать рекламу из Audience Network Facebook для монетизации ваших моментальных статей.

Как подключить (монетизировать) рекламу в моментальных статьях

С самым сложным вы разобрались, прошли проверку, теперь осталось настроить монетизацию моментальных статей, чтобы начать зарабатывать деньги не только с Google Adsense, но и непосредственно с самого фейсбука. Чтобы подключить рекламу из Audience Network для моментальных статей, сделайте следующее:

Перейдите в Facebook  «Инструменты для публикации» > «Настройки» > «Audience Network» и нажимаем на кнопку «Начало работы»

подключить рекламу из Audience Network для моментальных статей

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

Audience Network ваша панель

Данным действием вы создали приложение в Facebook Developers.

Далее следует настроить приложение, перейдите в настройки и введите свои данные.

Audience Network настройка

Затем переходите в «Дополнительные» настройки и включите ваше приложение:

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

Далее вам нужно перейти в меню «Audience Network«> «Варианты плейсмента». Создавать новый плейсмент не обязательно, его фейсбук создает автоматически, потому, как у вас будет только один вариант и влиять на ставки вы не сможете. Данная функция доступна только для тех, кто монетизирует свои мобильные приложения. Поэтому копируем «Идентификатор плейсмента» и переходим в плагин для WordPress.

В плагине Facebook Instant Articles для WordPress вам нужно перейти в раздел «Ads». Далее выбираете Facebook Audience Network, вставляете ID плейсмента, выбираете размер рекламного объявления и сохраняете настройки.

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

Важно! Чтобы реклама начала отображаться в моментальных статьях, вам нужно добавить способ получения денежных средств. До того момента, пока вы не укажите данные для выплаты, реклама в ваших моментальных статьях показываться не будет. Пропустить вы это не сможете, т.к. в вашем приложении будет гореть уведомление:

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

готовая моментальная статья с моб приложения

В заключение

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


Нравиться? Поделитесь с друзьями!

Какова ваша реакция?

Ха-ха Ха-ха
0
Ха-ха
Супер Супер
1
Супер
Ого! Ого!
0
Ого!
Мило Мило
0
Мило
Жутко Жутко
0
Жутко
Интересно Интересно
2
Интересно
Полезно Полезно
1
Полезно
WTF WTF
0
WTF
MustGet

MustGet

Разработчик и администратор.

Отправить ответ

Please Login to comment
  Подписаться  
Уведомить
Выберите формат
Пост
Создать текстовый пост с изображениями, видео, таблицами и др.
Тест
Ряд вопросов, после прохождения которых, выдается результат (например: сангвиник, холерик и т.д.)
Викторина
Ряд вопросов с правильным и неправильным ответами, для проверки знаний.
Опрос
Голосования для принятия решения или определения мнения.
Создать Мем
Загрузить свои собственные изображения, чтобы сделать пользовательские мемы
Видео
Встроить YouTube, Vimeo, Vine и т.д.
Список
Все могут добавлять фото, видео, текст и голосовать за лучшее.
Рейтинг
Основан на голосах пользователей, чтобы выбрать лучшее.
Изображение
Изображение должно быть в формате jpg, png или gif.
Gif
Формат GIF