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

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

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

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

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

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

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

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

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

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

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

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

Размещение попап-окна с помощью 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

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”.

4. В открывшемся диалоговом окне поставьте отметку напротив опции “Custom fields” в разделе “Advanced panels”.

5. В открывшемся окне «Custom Fields» под редактором контента кликните “Enter new”.

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

7. Кликните “Add Custom Field”.

Используйте это пользовательское поле, чтобы встроить код скрипта в любую локацию поста или страницы. Чтобы сделать это, добавьте следующий код встраивания в любом месте вашего контента:

После этого нажмите кнопку “Update” или “Publish”, чтобы запустить код скрипта на странице или в посте.