Вы хотите добавить Google Web Stories на свой сайт WordPress??
Истории — это популярный формат публикации, используемый в Instagram (признана экстремистской организацией на территории РФ) stories, Facebook (признана экстремистской организацией на территории РФ) stories, Snapchat, YouTube shorts и др. Google Web Stories позволяет вам создавать и размещать на своем сайте истории такого рода.
В этой статье мы расскажем вам, как легко добавить Google Web Stories на ваш сайт WordPress.
Что такое Google Web Stories?
Истории — это популярный стиль короткого контента, используемый такими платформами социальных сетей, как Instagram (признана экстремистской организацией на территории РФ), Facebook (признана экстремистской организацией на территории РФ), Snapchat и даже YouTube. Они могут не всегда называться одинаково, но все они делают одно и то же.
Они представляют собой интерактивные слайды с богатым медиаконтентом, таким как изображения, музыка и видео. Все эти элементы делают их очень увлекательными.
Google Web stories плагин для WordPress. Что такое Web stories?
Увлеченные пользователи с большей вероятностью будут конвертировать и проводить больше времени на вашем сайте WordPress, что означает больше продаж, конверсий и роста для вашего бизнеса и бренда.
Однако создание историй на сторонних социальных платформах ограничивает ваши возможности по охвату большей аудитории.
Google Web Stories позволяет перенести тот же формат истории на ваш собственный сайт. Вы можете создавать увлекательные истории с панели WordPress и публиковать их на своем сайте.
Веб-истории Google могут индексироваться и появляться в результатах поиска Google и Discover.
Они используют формат AMP, поддерживают структурированные данные и даже могут быть монетизированы с помощью Google AdSense.
Итак, давайте рассмотрим, как легко добавить Google Web Stories на ваш WordPress сайт.
Добавление Google Web Stories в WordPress
Сначала вам нужно установить и активировать плагин Web Stories. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Web Stories — это бесплатный плагин, разработанный и поддерживаемый компанией Google. Его цель — популяризировать формат веб-историй и привнести его на самостоятельные, независимые веб-сайты.
После активации плагина перейдите на страницу Истории » Панель управления страница для создания вашей первой истории.
Вы можете начать, выбрав один из шаблонов в качестве отправной точки для вашей истории или нажав на кнопку «Создать новую историю», чтобы начать с нуля.
Мы рекомендуем начинать с шаблона, так как это дает вам хороший старт и намного проще для новичков.
Как только вы выберете шаблон, плагин запустит интерфейс конструктора историй. Он похож на популярные плагины для построения страниц с помощью перетаскивания для WordPress.
Вы можете просто навести и нажать на любой элемент, чтобы отредактировать его, или добавить новые элементы из левой колонки.
Вы можете добавить аудио, видео, изображения, текст, заголовки, стикеры, эмодзи и многое другое.
Если вы используете шаблон, то внизу вы увидите дополнительные страницы, созданные шаблоном.
Вы можете перемещаться между страницами, нажимая на них. При необходимости вы также можете удалить страницу или добавить новую.
Вы также можете нажать на страницу, чтобы установить цвет фона или медиа.
При выборе цвета фона для вашей страницы вы также найдете возможность добавить кнопку призыва к действию.
Просто добавьте URL и выберите темную или светлую тему.
По желанию вы также можете добавить значок к кнопке призыва к действию и сделать ссылку спонсируемой / nofollow.
Аналогично, если у вас установлена WooCommerce, то вы также можете отображать товары.
Однако сначала вам нужно будет включить интеграцию WooCommerce в настройках плагина (мы покажем вам, как это сделать далее в нашей статье).
Как только вы будете удовлетворены историей, вы можете переключиться на вкладку «Документ» в левой колонке, чтобы настроить параметры публикации.
Отсюда вам нужно загрузить логотип издателя (логотип вашего сайта или значок сайта подойдут для этой цели) и изображение плаката для вашей истории.
В идеале, изображение плаката должно быть в соотношении 3:4 и размером не менее 640 x 853 пикселей.
Не забудьте дать название вашей истории и описание. Это поможет оптимизировать вашу историю для SEO и улучшить ее открываемость.
Ниже вы можете выбрать, как вы хотите, чтобы страницы были продвинутыми. По умолчанию страницы будут меняться через 7 секунд, вы можете изменить это или позволить пользователям вручную нажимать на кнопку, чтобы изменить страницу.
Наконец, вы можете выбрать категории и теги для своей истории. Этот шаг необязателен, но присвоение вашей истории категории и добавление некоторых тегов поможет в SEO.
Теперь вы готовы опубликовать свою веб-историю. Просто нажмите на кнопку «Опубликовать» в правом верхнем углу экрана.
Вам будет показан контрольный список для предварительной публикации. Если все выглядит хорошо, нажмите на кнопку «Опубликовать», чтобы опубликовать вашу историю.
Отображение веб-истории в WordPress
Плагин покажет вам возможность добавить вашу историю в новую запись блога, когда вы ее опубликуете.
Однако вы также можете добавить свою историю в любой существующий пост, страницу или боковую панель.
Просто отредактируйте пост или страницу, на которой вы хотите отобразить историю, и добавьте блок Web Stories в редактор поста.
В настройках блока вы сможете выбрать несколько историй, последние истории или одну историю.
Если вы выберете опции «Последние истории» или «Несколько историй», то вы также увидите дополнительные опции отображения историй в виде круга, карусели, списка или сетки.
После того, как вы будете удовлетворены работой над постом, нажмите на кнопку «Обновить» или «Опубликовать», чтобы сохранить изменения.
Теперь вы можете посетить свой сайт, чтобы увидеть веб-истории в действии.
Вот как это выглядит на главной странице нашего тестового сайта в формате карусели из нескольких историй.
Веб-истории — это собственный пользовательский тип поста в WordPress, что означает, что вы можете отображать их так же, как и любую другую страницу или пост в WordPress.
Например, у них есть своя архивная страница, которую вы можете использовать в качестве целевой страницы для посетителей, или вы можете выделить их по отдельности, как вы выделили бы продукт WooCommerce (который также отображается с помощью пользовательского типа поста).
Добавление интеграций в Google Web Stories
Плагин Web Stories поставляется с несколькими встроенными интеграциями, которые вы можете включить.
Вы можете найти эти интеграции на сайте Истории » Настройки страница.
Добавление Google Analytics в Web Stories
Во-первых, здесь вы можете добавить идентификатор профиля Google Analytics. Это позволит вам отслеживать просмотры ваших историй в отчетах Google Analytics.
Примечание: Веб-истории не поддерживают новую версию GA4 для отслеживания Google Analytics. Он поддерживает только идентификатор отслеживания Universal Analytics, который начинается с ‘UA.’
Если вы используете MonsterInsights, то вы можете найти свой идентификатор отслеживания Google Analytics в разделе Инсайты » Настройки страница.
Если вы не используете MonsterInsights, то вы можете найти идентификатор отслеживания в Google Analytics.
Просто перейдите на вкладку ‘Admin’ и нажмите на ‘Property Settings.’
Добавление пользовательских шрифтов в веб-истории
Если вы хотите использовать определенный шрифт в Web Stories, то вам нужно будет вручную загрузить его на свой сайт с помощью FTP.
Просто загрузите файл шрифта в папку /wp-content/ на вашем сайте. После загрузки, ваш загруженный шрифт будет размещен:
Не забудьте заменить пример.com с вашим собственным доменным именем и именем font-file-name.ttf с фактическим именем файла шрифта.
После этого вы можете скопировать и вставить этот URL в Истории » Настройки в разделе пользовательских шрифтов.
Добавление интеграций монетизации в веб-истории
Web Stories поддерживает Google AdSense и Google Ad Manager для монетизации.
Выберите свой вариант монетизации и введите необходимую информацию. Например, вам понадобится ID издателя и ID рекламного слота для рекламного блока.
Включите интеграцию электронной коммерции для Web Stories
Если вы используете WooCommerce или Shopify для управления своим интернет-магазином, то вы можете включить поддержку электронной коммерции для Web Stories.
Это позволит вам добавлять продукты в веб-истории.
Прокрутите вниз до раздела «Покупки» Истории » Настройки страницу и выберите свою платформу электронной коммерции из выпадающего меню.
Для WooCommerce плагин автоматически начнет показывать ваши товары.
Для Shopify вам необходимо указать адрес вашего магазина и сгенерировать токен доступа к API.
Если у вас его еще нет, просто нажмите на ссылку «узнать, как его получить», и вы перейдете к инструкциям по генерации токена API Shopify.
Надеемся, что эта статья помогла вам добавить Google Web Stories на ваш сайт WordPress. Вы также можете посмотреть наше руководство по получению большего трафика на ваш сайт или наши советы по отслеживанию конверсий в WordPress.
Источник: www.wpbeginner.com