Создание popup с помощью Google Tag Manager или WordPress

Пользовательские данные

Email

Омниканальность

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

Отслеживание событий и поведения

Создание pop-up-форм с помощью Google Tag Manager или WordPress

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

Размещение попап-формы с GTM

Добавьте скрипт eSputnik на сайт с помощью GTM. Для этого:

1. В вашем аккаунте eSputnik перейдите в раздел "Сайт" –> "Виджеты". Получите скрипт и скопируйте его.

Получите скрипт

2. В аккаунте GTM в разделе “Tags” нажмите кнопку “New”.

New tag

3. Назовите тег и кликните по полю “Tag Configuration”.

Tag Configuration

4. Выберите тип тега “Custom HTML”.

Tag Configuration

5. Вставьте скрипт, полученный в eSputnik, в поле HTML. Сохраните изменения.

Добавление скрипта

6. Появится диалоговое окно, в котором нужно кликнуть “Add Trigger”. Также можно нажать “Активация” в окне настройки тегов.

Add Trigger

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

Trigger type

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

Размещение попап-окна с помощью WordPress

Используйте один из трех способов добавления скрипта к WordPress-сайту (получение скрипта описано в первом шаге инструкции по размещению попап-окна из GTM).

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

Этот плагин позволяет установить скрипт eSputnik на всем сайте WordPress. Для этого:

1. Перейдите по ссылке и загрузите плагин. 

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

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

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

Headers and Footers

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