Как добавить бесплатные браузерные игры на свой сайт WordPress — программирование не требуется

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

Games I Know предлагает легковесные браузерные игры, такие как Tic Tac Toe, Four in a Row, Bingo и I Know. С помощью плагина WordPress Embed Browser Games by Games I Know вы можете добавлять эти игры через блочный редактор или шорткод, вместо того чтобы вручную вставлять HTML-код iframe.

Краткий ответ: как добавить игры в WordPress?

Установите Embed Browser Games от Games I Know, добавьте свой партнерский ID в Games I Know > Настройки, вставьте блок Games I Know Game или шорткод `[gamesiknow]`, просмотрите страницу на компьютере и мобильном устройстве и опубликуйте. Посетители играют прямо в браузере без загрузки приложения.

Зачем добавлять браузерные игры на сайт WordPress?

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

• Игры могут повысить вовлеченность и время, проведенное на странице, если они соответствуют контенту.
• Посетители могут чем-то заняться, не покидая ваш сайт на WordPress.
• Запоминаемость постов в блоге и целевых страниц повышается благодаря простым интерактивным элементам.
• Школы, сообщества и местные предприятия могут добавлять развлекательный контент без создания собственного приложения.
• Браузерные игры запускаются мгновенно — загрузка из магазина приложений не требуется.
• Вам не нужно создавать собственную игру с нуля, если достаточно использовать размещенный embed.

Кому это может быть полезно?

• Блогеры, желающие создавать интерактивные посты.
• Школы и учителя, проводящие занятия в классе.
• Сайты сообществ и сайты для участников
• QR-страницы ресторанов и залов ожидания
• Местные предприятия добавляют элемент непринужденного взаимодействия.
• Агентства, создающие клиентские сайты на WordPress.
• Нишевые издательства и ресурсные центры
• Внутренние командные порталы с возможностью быстрого перерыва.

Что такое GamesIKnow Embed?

GamesIKnow Embed — это платформа embed из Games I Know. Она позволяет владельцам веб-сайтов добавлять на свои сайты браузерные игры, используя безопасные URL-адреса iframe. Для пользователей WordPress официальный плагин — Embed Browser Games от Games I Know — добавляет экран настроек, блок Gutenberg, шорткод и конструктор шорткодов, так что вам не придется писать HTML-код iframe вручную.

Подтвержденные функции плагина включают блок игр Games I Know, шорткод `[gamesiknow]`, настройки Games I Know для идентификатора партнера и поведения по умолчанию embed, а также конструктор шорткодов Games I Know для готовых к копированию шорткодов. Идентификатор партнера обязателен: без него игры не будут загружаться в embed и iframe. Он связывает ваш сайт WordPress с вашей партнерской учетной записью Games I Know и утвержденным доменом.

Пошаговая инструкция: как добавить браузерную игру в WordPress

1. Войдите в панель администратора WordPress.
2. Откройте «Плагины» > «Добавить новый».
3. Найдите «Embed Браузерные игры от Games I Know».
4. Нажмите «Установить сейчас», затем «Активировать».
5. Откройте Games I Know > Настройки в левом административном меню.
6. Обязательно: нажмите «Получить идентификатор партнера», войдите в систему на Games I Know, скопируйте свой идентификатор партнера со вкладки «Установка», вставьте его в поле «Идентификатор партнера» и нажмите «Сохранить идентификатор партнера».
7. Дополнительно: включить отложенную загрузку по умолчанию и разрешить полноэкранный режим по умолчанию, если это соответствует вашим ожиданиям относительно поведения игр на внешнем интерфейсе.
8. Создайте новую запись или страницу, или отредактируйте существующую.
9. Вставьте блок Games I Know Game с помощью инструмента вставки блоков или добавьте короткий код, например, [gamesiknow game="tic-tac-toe"].
10. Выберите параметры игры и макета в боковой панели блока или в атрибутах шорткода.
11. Предварительный просмотр страницы на компьютере и мобильном устройстве. Убедитесь, что игра iframe загружается и имеет достаточную высоту.
12. Опубликуйте или обновите страницу.

Добавьте игру с помощью блока WordPress.

Плагин регистрирует блок под названием Games I Know Game в редакторе блоков WordPress. Откройте запись или страницу, нажмите кнопку вставки блока (+), найдите "Games I Know" и добавьте блок. Используйте боковую панель блока, чтобы выбрать игру, тему, режим, ширину, высоту, выравнивание, радиус скругления углов, тень, отложенную загрузку и полноэкранный режим.

Блок отображается только на лицевой стороне сайта. В редакторе вы увидите сводную карточку и эквивалентный шорткод, что поможет вам понять, что появится после публикации. Если отсутствует идентификатор партнера, блок отобразит предупреждение в редакторе, и игры не будут загружаться на лицевой стороне сайта, пока вы не сохраните идентификатор партнера в Games I Know > Настройки.

Добавить игру с помощью шорткода

Если вы предпочитаете использовать шорткоды — или они вам нужны в классических редакторах, виджетах или конструкторах страниц, поддерживающих шорткоды, — используйте `[gamesiknow]`. Плагин также включает Games I Know > Shortcode Builder, который генерирует готовые к копированию шорткоды из wp-admin.

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

Поддерживаемые игровые идентификаторы: `tic-tac-toe`, `four-in-a-row`, `bingo` и `i-know`. Дополнительные атрибуты включают `width`, `height`, `max_width`, `align`, `theme`, `mode`, `campaign_id`, `border_radius`, `shadow`, `lazy` и `allow_fullscreen`.

Где следует размещать игры на сайте WordPress?

• В конце поста в блоге в качестве связанного задания.
• На специальной странице «Игры» или «Занятия».
• На странице с ресурсами для класса или школы
• На странице сообщества или мероприятия
• В разделе целевой страницы достаточной ширины
• На странице ресторана или зала ожидания
• На странице с детскими заданиями
• В широкой области контента или во весь блок.

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

Какую игру следует добавить первой?

• Tic Tac Toe — идеально подходит для быстрой и простой игры, а также для первых тестов.
• Four in a Row — лучше всего подходит для страниц, ориентированных на семейную аудиторию и содержащих несложные стратегические решения.
• Bingo — лучше всего подходит для групп, учебных классов и мероприятий
• I Know — лучше всего подходит для викторин и интерактивных заданий.

Руководство iframe против плагина WordPress

Вы можете создавать игры вручную с помощью HTML-кода или использовать плагин WordPress. Для большинства пользователей WordPress, не обладающих техническими навыками, плагин является более простым вариантом, поскольку он обрабатывает блочный интерфейс, шорткоды, настройки и безопасные URL-адреса.

Советы перед публикацией

• Перед публикацией просмотрите файл на мобильных и настольных устройствах.
• Добавьте короткий заголовок над игрой, чтобы посетители знали, что делать.
• Опишите занятие одним предложением — например, «Сыграйте быструю партию, пока читаете».
• Избегайте размещения слишком большого количества записей о текущих играх embed на одной странице.
• Проверьте еще раз после смены темы или конструктора страниц.
• Используйте понятные названия игр и заголовки iframe для обеспечения доступности.
• Содержимое страницы, окружающее её, должно быть полезным, чтобы страница по-прежнему хорошо читалась поисковыми системами.

Поиск неисправностей

Игра не отображается

Убедитесь, что плагин активирован, страница опубликована и вы использовали блок игры Games I Know или действительный шорткод `[gamesiknow]`. Проверьте, разрешает ли ваша тема или конструктор страниц вывод iframe на лицевой стороне сайта.

Короткий код отображается в виде обычного текста.

WordPress выполняет шорткоды только в тех областях контента, которые их обрабатывают. Если вы видите текст `[gamesiknow]`, переключитесь на блок шорткодов, классическую поддержку шорткодов или виджет конструктора, который выполняет шорткоды.

Блок не отображается в редакторе.

Найдите в редакторе блоков «Игра Games I Know». Если она по-прежнему не отображается, убедитесь, что активен браузерный редактор игр Embed от Games I Know и что вы редактируете блоки с помощью редактора блоков.

Появляется не та игра

Проверьте идентификатор игры в боковой панели блока или в шорткоде. Поддерживаемые значения: `tic-tac-toe`, `four-in-a-row`, `bingo` и `i-know`.

Игра выглядит слишком маленькой на мобильных устройствах.

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

Вопросы по идентификации партнера

Для загрузки игр требуется идентификатор партнера. Откройте Games I Know > Настройки, нажмите «Получить идентификатор партнера», войдите в Games I Know, скопируйте значение из вкладки «Установка» в панели управления партнера, вставьте его в поле «Идентификатор партнера» и нажмите «Сохранить идентификатор партнера». Также убедитесь, что домен вашего сайта WordPress одобрен в панели управления партнера.

Конструктор страниц или тема оформления мешают работе embed

Некоторые конструкторы удаляют контент iframe или блокируют пользовательские блоки. Попробуйте использовать шорткод в стандартном блоке шорткодов WordPress, протестируйте с темой по умолчанию или обратитесь к документации конструктора для получения информации о поддержке iframe и шорткодов.