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

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 (сайт, блог, фото) Но в яндекс статистика не идёт... Пишет, что "Код счётчика установлен, но данные не поступают" Как быть? В чём ошибка?
  • +1
    Artur - Artur - 8 июля 2015 09:05 #

    Добрый день!

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

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

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

    В таком случае, я что-то не понимаю. Этот код надо вводить или нет?:

    <script><o:p></o:p>

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){<o:p></o:p>

    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),<o:p></o:p>

    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)<o:p></o:p>

    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');<o:p></o:p>

    <o:p> </o:p>

    ga('create', 'UA-XXXXXXXX-X', 'auto');<o:p></o:p>

    ga('send', 'pageview');<o:p></o:p>

    </script>

    Если не надо, а достаточно только ID, то почему в моем Google-аккаунте Статус: отслеживание не установлено

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

      Для включения интеграции с Google Analytics достаточно ввести только ID. Попробуйте подождать сутки-двое — регистрация статуса отслеживания срабатывает не мгновенно.

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

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

      • +1
        Михаил Ушенин Михаил Ушенин Webasyst 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
        Роман Дьордяк Роман Дьордяк 29 мая 2020 13:03 #

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

        • +1

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

        • +1
          Елена К Елена К 19 июля 2020 13:15 #

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

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

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

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

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

          Что делать?

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

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

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

            Добавить комментарий

            Чтобы добавить комментарий, зарегистрируйтесь или войдите