Створення popup за допомогою Google Tag Manager або WordPress

Дані користувача

Email

Омніканальність

Автоматизація

Відстеження подій та поведінки

Створення pop-up-форм за допомогою Google Tag Manager або WordPress

Ви можете спростити процес створення popup-форм у eSputnik, використовуючи Google Tag Manager або WordPress. Ознайомтеся з інструкціями з використання цих систем далі.

Розміщення popup-вікна з GTM

Додайте скрипт eSputnik на сайт за допомогою GTM. Для цього:

1.  У вашому акаунті eSputnik перейдіть у розділ “Сайт” –> “Віджети”. Отримайте скрипт і скопіюйте його.

Отримати скрипт

2. У вашому акаунті GTM у розділі “Теги” натисніть кнопку “Створити”.

Створити тег

3. Назвіть тег та клікніть у полі “Конфігурація тегу”.

Конфігурація тегу

4. Виберіть тип тегу “Користувацький тег HTML”.

Користувацький тег HTML

5. Вставте скрипт, отриманий в eSputnik, в поле HTML. Збережіть зміни.

Вставте скрипт

6. З’явиться діалогове вікно, у якому вам потрібно клікнути “Додати активатор”. Також ви можете натиснути “Активація” у вікні налаштування тегів.

Додати активатор

7. Виберіть потрібний тип активатора, наприклад “All Pages”, для розміщення popup на всіх сторінках вашого сайту.

All Pages

Створені вами тег та активатор готові до публікації.

Розміщення popup із WordPress

Використовуйте один із трьох способів додавання скрипту до WordPress-сайту (отримання скрипту описане у першому кроці інструкції з розміщення popup з GTM).

1. Плагін Using Insert Headers and Footers

Цей плагін дозволяє встановити скрипт eSputnik на всьому сайті WordPress. Для цього:

1. Перейдіть за посиланням і завантажте плагін.

2. Активуйте файл, який ви завантажили, та встановіть плагін згідно з інструкціями.  

3. Щоб активувати плагін, перейдіть до “Insert Headers and Footers” –> “Settings” і вставте скрипт eSputnik в одне з полів:

  • Script in Header (рекомендовано)
  • Script in Footer

Insert script

4. Клікніть “Save”.

Плагін автоматично завантажить код на кожну сторінку вашого сайту.

2. Додавання скрипту вручну через код

Ви можете додати скрипт до файлів WordPress власноруч (див. інструкцію).  

Скрипт може розміщуватися у таких локаціях сайту:

  • Заголовок
  • Певний пост
  • Певна сторінка
  • Нижній колонтитул

Додавання скрипту до заголовку сайту

Вставте скрипт у файл functions.php в плагіні для сайту або скористайтеся плагіном для фрагментів коду.

Приклад:

function wpb_hook_javascript() {
   ?>
       <script>
         // вставте тут свій код javascript
       </script>
   <?php
}
add_action('wp_head', 'wpb_hook_javascript');

Додавання скрипту до певного посту

Щоб додати плагін до одного з постів на WordPress, вставте в код умовну логіку.

Приклад:

function wpb_hook_javascript() {
 if (is_single ('5')) {
   ?>
       <script type="text/javascript">
         // вставте тут свій код javascript
       </script>
   <?php
 }
}
add_action('wp_head', 'wpb_hook_javascript');

Цей код виконує скрипт, тільки якщо пост має ідентифікатор “5”. Ви маєте вставити “5” як ідентифікатор свого посту.

Ідентифікатор посту – це цифра, що стоїть після “post=”.

Идентификатор посту

Додавання скрипту до конкретної сторінки

Щоб додати скрипт до сторінки WordPress, додайте до коду умовну логіку.

Приклад:

function wpb_hook_javascript() {
 if (is_page ('10')) {
   ?>
       <script type="text/javascript">
         // вставте тут свій код javascript
       </script>
   <?php
 }
}
add_action('wp_head', 'wpb_hook_javascript');

Цей код виконує скрипт, тільки якщо сторінка має ідентифікатор “10”.

Додавання скрипту до нижнього колонтитулу сайту

Додайте наступний фрагмент коду до свого вебсайту, щоб скрипт виконувався в нижньому колонтитулі.

Приклад:

function wpb_hook_javascript_footer() {
 ?>
    <script>
         // вставте тут свій код javascript
       </script>
   <?php
}
add_action('wp_footer', 'wpb_hook_javascript_footer');

Цей код прикріплюється до wp_footer замість wp_head.

3. Додавання скрипту всередину постів або сторінок за допомогою плагіну

Скористайтеся плагіном, щоб вибрати місце для вбудування скрипту в контент сайту.

1. Завантажте плагін Code Embed.

2. Встановіть та активуйте плагін в меню плагінів в засобах управління WordPress. Детальну інформацію дивіться в інструкції.

3. В редакторі постів WordPress клікніть на позначці контекстного меню (три вертикальних крапки) у верхньому правому кутку екрану та виберіть “Options”.

Options

4. У діалоговому вікні поставте відмітку навпроти опції “Custom fields” в розділі “Advanced panels”.

Custom fields

5. У вікні “Custom Fields” під редактором контенту клікніть “Enter new”.

Enter new

6. Введіть назву користувацького поля, яке має починатись з префіксу CODE, та вставте скрипт в поле “Value”.

7. Клікніть “Add Custom Field”.

Add Custom Field

Використовуйте це користувацьке поле, щоб вбудувати код скрипту в будь-яку позицію посту або сторінки. Щоб це зробити, додайте наступний код вбудовування в будь-якому місці вашого контенту:

Код

Після цього клікніть “Update” або “Publish”, щоб запустити код скрипту на сторінці або в пості.

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email