Skip to end of metadata
Go to start of metadata

Введение

У нас есть виджет, который можно встроить в сторонние сайты для осуществления продаж:

  • Виджет, встраиваемый в страницу (iFrame)

     


Форма покупки (iFrame)

Это актуальный виджет, брендированный Concert.ua

Виджет адаптивный, потому атрибуты ширины и высоты могут быть равны 100%

Виджет вызывается вставкой в html вот такого кода:

Пример кода встроенноего виджета
<script src="https://concert.ua/js/frame.js" type="text/javascript"></script> 
<iframe id="iframe" name="iframe" src="https://concert.ua/en/widget/booking/test-event-for-mobile-kiev" width="830px" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" style="height: 809px;"></iframe>

Обращаем внимание на переменные, которые вам нужно будет заменить, чтобы виджет отображал именно ваше событие:

test-event-for-mobile-kiev - это часть URL в атрибуте src в примере выше, содержит алиас события, которое вы хотите отобразить в виджете.

Локализация виджета

Виджет можно отобразить на русском / украинском / английском языках, явным образом указав в адресе, в атрибуте src язык сразу после домена, например так:

src="https://concert.ua/en/widget/booking/test-event-for-mobile-kiev"

Допустимые значения языка: ru, uken


Обратите внимание, что для адекватного отображения мобильных страниц рекомендуется явное указание масштабирования страницы:

Тег отключения масштабирования для мобильных устройств
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">


Google Analytics

У нас есть возможность встраивать партнёрский Google Analytics код в наш виджет, чтобы партнёры могли отслеживать свои продажи

Для добавления кода Google Analytics в тело виджета необходимо задать следующие атрибуты для блока инициализации:
gaAccount (обязательный) – Идентификатор отслеживания GA формата UA-XXXXXXXX-Y
gaDomain (необязательный) – имя домена, которое будет передаваться в функцию _setDomainName() (Документация Google на этот счёт) 

Для виджета вызов будет выглядит следующим образом:

Пример кода встроенноего виджета с вызовом Google Analytics
<script src="https://concert.ua/js/frame.js" type="text/javascript"></script>
<iframe id="iframe" name="iframe" src="https://concert.ua/en/widget/booking/test-event-for-mobile-kiev?gaAccount=UA-33360000-2&gaDomain=example.com" width="830px" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" style="height: 809px;"></iframe>




Google Tag Manager

При необходимости вместе с кодом вызова виджета можно передать код вашего GTM и он будет развёрнут в виджете.

Для виджета вызов будет выглядит следующим образом:

Пример кода встроенноего виджета с вызовом Google Analytics
<script src="https://concert.ua/js/frame.js" type="text/javascript"></script>
<iframe id="iframe" name="iframe" src="https://concert.ua/en/widget/booking/test-event-for-mobile-kiev?gtmAccount=GTM-PTS000" width="830px" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" style="height: 809px;"></iframe>


На странице подтверждения заказа есть такие глобальные переменные

  • prodid - id события
  • totalprice - стоимость заказа в грн, без валюты

  • categories - категории события (['concert', 'festivals'])

  • genres - стили события (['rock', 'pop'])

Вы можете использовать их, объявив их в своём GTM контейнере, как custom variables.

  • No labels