CallCatcher – це кнопка зворотного дзвінка на сайті, яка розкривається у вигляді віконця з текстом. 
При наявності на сайті декількох мов постає потреба у встановленні двох та більше CallCatcher, кожен – для своєї мови.


В даній інструкції ми розглядаємо кейс, коли:

  1. Різні мовні версії сайту представлені на одному домені
  2. Мовна версія розміщена, як підпапка (візуально представлена через скісні риски в адресі сайту)

    Наприклад:
    https://ХХХХ.ua/ru/

  1. Основна мовна версія сайту – українська
    Російська – альтернативна

    Наприклад:
    https://phonet.horoshop.ua – основна (українська) версія сайту
    https:/phonet.horoshop.ua/ru/ – російська версія сайту

Налаштування під інші мовні версії будуть відбуватись за аналогією до описаного.

Створення CallCatcher

  1. Створіть (або замовте створення в техпідтримці Phonet) 2 окремі мовні версії CallCatcher для сайту.

Для цього зайдіть в Особистий кабінет Віртуальної АТС Phonet з правами адміністратора – Розділ “Налаштування” (шестерня в лівому меню сторінки) – “Інтеграції” – “Віджети для сайту“.

Мова для CallCatcher обирається одразу при створенні з переліку доступних.

Phonet CallCatcher. Визначення мови віджету

Увага! Кожен CallCatcher створюється під домен (тобто весь сайт). Розмежування по відображенню на сайті потрібної версії здійснюється на рівні налаштувань Google Tag Manager.

Налаштування GTM. Варіант 1

Налаштування для української версії сайту

1.Створіть тригер (активатор) для україномовних сторінок

Для цього:

  • Зайдіть в ваш обліковий запис Google Tag Manager – Розділ “Активатори (Тригери)
  • Натисніть “Створити” у верхньому лівому куті
  • Вибрати:
    Тип активатора – “Перегляд сторінки
    Запуск активатора – “Окремі перегляди сторінок
    Умови запуску – “Page URL”  “не містить” “/ru/
  • Пропишіть назву тригеру – “All Pages UA” та збережіть зміни
Phonet CallCatcher. Тригеру для UA

2. Додайте скрипт україномовного CallCatcher в GTM

Для цього:

  • Зайдіть в розділ “Теги” та створіть Новий тег, Тип – “Користувацький тег HTML
  • Вставте отриманий скрипт в поле для HTML
  • Виберіть “Активатор запуску” – All Pages UA, пропишіть назву тегу та збережіть зміни
Phonet CallCatcher. Тег для UA

Налаштування для російської версії сайту

1.Створіть тригер (активатор) для російськомовних сторінок.

Для цього:

  • Зайдіть в ваш обліковий запис Google Tag Manager – Розділ “Активатори (Тригери)
  • Натисніть “Створити” у верхньому лівому куті
  • Вибрати
    Тип активатора – “Перегляд сторінки
    Запуск активатора – “Окремі перегляди сторінок
    Умови запуску – “Page URL”  “містить” “/ru/
  • Пропишіть назву тригеру – “All Pages RU” та збережіть зміни
Phonet CallCatcher. Тригер для RU

2. Додайте скрипт російськомовного CallCatcher в GTM

Для цього:

  • Зайдіть в розділ “Теги” та створіть Новий тег, Тип – “Користувацький тег HTML
  • Вставте отриманий скрипт в поле для HTML
  • Виберіть “Активатор запуску” – All Pages RU, пропишіть назву тегу та збережіть зміни
Phonet CallCatcher. Тег для RU

Натисніть “Надіслати” та опублікуйте зміни GTM

Налаштування GTM. Варіант 2

Цей варіант “для продвинутих”. Він полягає в попередньому об’єднанні спеціальним чином двох CallCatcher-ів, відповідно до нашого прикладу, і подальшій вставці цього скрипта в GTM

1.Створіть спільний скрипт

Для цього замініть виділені нижче дані на свої значення:

<script>var telerWdWidgetId=location.pathname.startsWith(‘/ru/’) ? “2d90197b-d4cd-421d-ab9a-0f799fdaaa7b” : “0fe8c8a8-2154-411d-b5d5-157fb7fe75f9“;var telerWdDomain=”demo.phonet.com.ua“;</script><script src=”//demo.phonet.com.ua/public/widget/call-catcher/lib-v3.js”></script>

Де:

2d90197b-d4cd-421d-ab9a-0f799fdaaa7b – ідентифікатор RU-CallCatcher
0fe8c8a8-2154-411d-b5d5-157fb7fe75f9” – ідентифікатор UA-CallCatcher
demo.phonet.com.ua” – назва Вашої АТС Phonet

Примітка: Ідентифікатори і назва АТС мають прописуватись в лапках (не загубіть).
Ідентифікатори та назву АТС потрібно взяти з коду CallCatcher-ів, які надаються попередньо для вставки на сайт.


Наприклад, вихідний код для україномовного коллкетчеру:
<!–BEGIN CALL-CATCHER CODE {literal}–>
<script>var telerWdWidgetId=”0fe8c8a8-2154-411d-b5d5-157fb7fe75f9“;var telerWdDomain=”demo.phonet.com.ua“;</script>
<script src=”//demo.phonet.com.ua/public/widget/call-catcher/lib-v3.js”></script>
<!–{/literal} END CALL-CATCHER CODE –>

2. Додайте скрипт в GTM

Для цього:

  • Зайдіть в розділ “Теги” та створіть Новий тег, Тип – “Користувацький тег HTML
  • Вставте отриманий скрипт в поле для HTML
  • Виберіть “Активатор запуску” – All Pages, пропишіть назву тегу та збережіть зміни
Phonet CallCatcher. Спільний тег для UA та RU

Натисніть “Надіслати” та опублікуйте зміни GTM.

0 коментарів

Опублікувати коментар

Ваша e-mail адреса не оприлюднюватиметься.