Как добавить счётчик посетителей на сайт

Google Analytics

В Вебасисте есть встроенная интеграция с сервисом Google Analytics, поэтому для его подключения нужно только сохранить ваш номер аккаунта (Google Analytics Property ID вида UA-123456-1) в поле настроек.

  1. В приложении «Сайт» перейдите в раздел «Настройки сайта».
  2. Вставьте свой идентификатор в поле «Google Analytics Property ID».
  3. Если в своем Google-аккаунте вы используете Universal Analytics, то включите флажок рядом с полем для ввода номера аккаунта. Как узнать, используется ли Universal Analytics.
  4. Сохраните настройки «Сайта».

Другие счетчики («Яндекс.Метрика», HotLog)

Счетчик посетителей обычно предоставляется популярными веб-сервисами в виде фрагмента JavaScript-кода, который необходимо вставить в исходный код страниц сайта.

Фрагмент JavaScript-кода можно добавить на сайт 2 способами.

Способ 1. Пользовательский JavaScript-код в настройках «Сайта»

Этот способ подойдёт, если вам нужно добавить код счётчика только перед закрывающим тегом </head>.

  1. В приложении «Сайт» перейдите в раздел «Настройки сайта».
  2. Вставьте скопированный фрагмент кода в поле «Дополнительный JavaScript-код для вставки перед закрывающим тегом </head>» и сохраните настройки сайта.

Готово: счётчик добавлен на сайт.

Способ 2. Вставка блока «Сайта» в шаблон дизайна

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

    Это нужно для того, чтобы фигурные скобки, используемые в JavaScript, правильно обрабатывались шаблонизатором Smarty, который используется в Вебасисте.

  4. Вставьте код счетчика между этими строками, как показано в примере выше, и сохраните блок.
  5. После сохранения блока в верхней панели появится автоматически сформированный фрагмент кода (хелпер). Скопируйте этот хелпер.
  6. Для того чтобы счетчик срабатывал на всех страницах витрины интернет-магазина, добавьте хелпер блока в шаблон index.html вашей темы дизайна, например, как показано на рисунке:

Готово: счётчик добавлен на сайт.

16 комментариев

  • +1
    Крылов Семён Крылов Семён 1 октября 2013 16:31 #
    Счётчик установил на все три скрипта в Index (сайт, блог, фото) Но в яндекс статистика не идёт... Пишет, что "Код счётчика установлен, но данные не поступают" Как быть? В чём ошибка?
    • 0
      Михаил Ушенин Михаил Ушенин 14 октября 2013 06:53 #
      Проверьте в исходном коде страниц сайта, присутствует ли там код счётчика и не искажён ли он.
    • +1
      - Artur - Artur 8 июля 2015 09:05 #

      Добрый день!

      "Для того чтобы счетчик срабатывал на всех страницах витрины интернет-магазина, добавьте хелпер блока в шаблон вашей темы дизайна"

      А если у меня есть еще отдельная мобильная тема, то я и на основную тему и на мобильную должен установить хелпер?

    • +1
      Крамаренко Наталия Крамаренко Наталия 9 ноября 2015 15:42 #

      Кстати, в настройках я не нашла встроенную интеграцию с Google Analytics чтобы её отключить. А имеется ли она вообще? Может быть поэтому отслеживание не устанавливается так как не включена эта функция? Если я не права, то где она?

      • +1
        Михаил Ушенин Михаил Ушенин 10 ноября 2015 02:04 #

        Если в "Настройках" Сайта введён Google Analytics Property ID, значит, интеграция включена. Если ID удалить из этого поля, интеграция отключится.

      • +1
        Леся Леся 20 октября 2017 18:33 #

        Добрый день.
        Магазин переезжал на новую версию, понадобилось обновить настройки. Следую инструкции, смущает вот что.

        В статье по ссылке "Как узнать, используется ли Universal Analytics" сказано, что прекращается поддержка старых элементов отслеживания, таких, например, как ga.js. В самом ГуглАналитикс пишут: "Мы рекомендуем использовать Global Site Tag (gtag.js) и Диспетчер тегов Google на всех ресурсах, где отслеживание не применялось ранее. Вы также можете работать с дополнительными решениями, такими как analytics.js и Measurement Protocol" и предлагают скопировать код gtag.js.
        Если я использую встроенную интеграцию со своим гугло-счётчиком в настройках сайта, то вижу в коде страницы ga.js.

        До переезда ga.js работал, всё ок. Но вдруг и правда перестанут его поддерживать.

        • +1

          Так поставьте в настройках галочку Universal Analytics и будет использоваться analytics.js (вместо ga.js)

        • +1
          Дьордяк Роман Дьордяк Роман 29 мая 2020 13:03 #

          Где найти этот шаблон index.html темы дизайна, чтобы добавить туда хелпер блока {$wa->block("yandex_metrika")}?

          • +1
            Михаил Ушенин Михаил Ушенин 29 мая 2020 14:15 #

            Этот файл обычно можно найти в списке файлов в редакторе шаблонов темы дизайна. В разделе «Витрина → Шаблоны» (в приложении «Магазин») или в разделе «Дизайн → Шаблоны» (в других приложениях).

          • +1
            Мухлаев Игорь Мухлаев Игорь 19 июля 2020 13:15 #

            Есть возможность сделать счетчик невидимым для посетителей?

            • +1
              Михаил Ушенин Михаил Ушенин 30 июля 2020 16:47 #

              Обычно такая настройка бывает на том сайте, с которого вы копируете код для своего счётчика.

            • +1
              Лабудин Вадим Лабудин Вадим 14 августа 2020 17:20 #

              Добрый день. Добавил счетчик сюда - 

              Дополнительный JavaScript-код для вставки перед закрывающим тегом </head>

              Код не отображается.

              Что делать?

              • +1
                Михаил Ушенин Михаил Ушенин 17 августа 2020 09:18 #

                Сначала выясните, должен ли ваш счётчик отображаться. На сайте должны быть видны не все виды счётчиков. Возможно, вам нужно изменить настройки на том сайте, откуда вы скопировали код счётчика.

                Если счётчик должен отображаться, но на сайте виден, посмотрите, есть сообщения об ошибках в консоли браузера при просмотре страницы, на которой должен быть виден счётчик. Возможно, эти сообщения помогут вам понять, что пошло не так при настройке счётчика или его добавлении на сайт.

              • +1
                Корнеенко Алексей Корнеенко Алексей 1 декабря 2021 16:49 #

                Подскажите пожалуйста, как правильно в поле "Дополнительный JavaScript-код...." вставить несколько скриптов, к примеру код Яндекс Метрики, Код Pixel FB, Код Инициализации Marquiz, они все соответственно имеют вид: <script>.....</script>, нужно использовать {literal}{/literal}, на каждый скрипт, на весь блок. Или в это поле можно вставить только один код, а все остальные через блоки и дальнейшего редактирования head. Или их можно просто друг за другом просто вставлять, так сказать с новой строки?

                • +1
                  Михаил Ушенин Михаил Ушенин 1 декабря 2021 17:20 #

                  Вставьте все нужные вам фрагменты JavaScript-кода друг за другом между тегами <script>...</script>.

                  Добавление новых комментариев к этой теме отключено.


                  Раздел помощи работает на основе приложения «Хаб»