Донецкий техникум промышленной автоматики

Лічильник відвідувачів на вітрині інтернет-магазину - Webasyst

  1. Google Analytics У фреймворку Webasyst є вбудована інтеграція з сервісом Google Analytics , Тому...
  2. 1. Створення блоку

Google Analytics

У фреймворку Webasyst є вбудована інтеграція з сервісом Google Analytics , Тому для його підключення необхідно лише ввести свій номер аккаунта (Google Analytics Property ID виду UA-123456-1) у відповідне поле в настройках програми «Сайт».

Якщо в своєму Google-акаунті ви використовуєте Universal Analytics, то включите прапорець поруч з полем для введення номера облікового запису. Як дізнатися, чи використовується Universal Analytics .

Розміщення інших лічильників (Яндекс.Метрика, HotLog і ін.)

Лічильник відвідувачів зазвичай надається популярними веб-сервісами в вигляді фрагмента JavaScript-коду, який необхідно вставити в вихідний код сторінок сайту.

У фреймворку Вебасіст такий фрагмент коду зручно оформити у вигляді загального блоку.

1. Створення блоку

  1. У додатку «Сайт» перейдіть в розділ «Блоки».
  2. Створіть новий блок, щоб його можна було ідентифікатор (допускаються латинські букви, цифри і символи підкреслення) і довільне опис.
  3. Для того щоб фігурні дужки, які використовуються в JavaScript, коректно оброблялися шаблонізатором Smarty, додайте в області редагування вихідного коду блоку наступні рядки: {literal} {/ literal}
  4. Вставте код лічильника між цими рядками і збережіть блок.

2. Розміщення лічильника на вітрині

Після збереження блоку у верхній панелі з'явиться автоматично сформований фрагмент коду (хелпер), який можна використовувати для зручного встановлення створеного вами блоку в будь-сторінки і шаблони будь-яких додатків Вебасіста.

Для того щоб лічильник спрацьовував на всіх сторінках вітрини інтернет-магазину, додайте хелпер блоку в шаблон index.html вашої теми дизайну, наприклад, як показано на малюнку:

html вашої теми дизайну, наприклад, як показано на малюнку:

Якщо код лічильника необхідно розмістити тільки всередині секції <head> </ head>, то його досить вставити в поле «Призначений для користувача JavaScript-код» в розділі «Налаштування» додатка «Сайт» - без тегів {literal} ... {/ literal} .