Sibprompost.ru

Стройка и ремонт
2 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Настройка аналитики для AMP-страниц

Настройка аналитики для AMP-страниц

Несмотря на ограниченные возможности AMP-страниц (на сегодняшний день), их аналитика также важна, как и для полноценного сайта. Это касается и сайтов компаний, и интернет-магазинов, и статейных сайтов.

В данной статье рассмотрим вставку аналитических счётчиков в AMP-страницы.

В разметке страницы счётчики вставляются после закрывающих тегов /header (то есть после «шапки» сайта) или /footer (то есть после «подвального» блока).

Шаблон вставки счётчика Google Analytics

Шаблон вставки счётчика Яндекс Метрика

Шаблон вставки счётчика Рейтинг Mail.ru

Шаблон вставки счётчика Rambler TOP-100

Важное замечание

В type необходимо указывать именно так:

  • для Google Analytics — googleanalytics
  • для Яндекс Метрики — metrika
  • для Рейтинга Mail.ru — topmailru
  • для Rambler TOP 100 — top100

и никак иначе!

id счётчика может быть произвольным.

Вставка контейнера Google Tag Manager

В GTM необходимо зарегистрировать контейнер для AMP-страниц и дать ему название. После этого получаем код для вставки в AMP-страницы.

В GTM можно подключить счётчик Google Аналитики.

Для этого необходимо выполнить два несложных действия:

Создать пользовательскую переменную типа Переменная AMP, а в Имени переменной AMP прописать идентификатор счётчика

Создать тег с типом Google Аналитика — Universal Analytics. В идентификаторе отслеживания в двойных квадратных скобках прописать наименование переменной, которое было дано в названии переменной AMP. Например, если переменная называется Google Analytics ID, то в идентификатор прописать <>. Тип отслеживания задать Просмотр страницы. В Триггере активации задать All Pages — Просмотр страницы (то есть все AMP-страницы).

Затем необходимо сохранить и опубликовать

Плагины для WordPress

На движке WordPress для реализации AMP-страниц используются плагины, один из самых популярных — одноимённый плагин AMP. В нём предусмотрена вставка счётчиков аналитики.

Здесь достаточно вставить код счётчика по шаблонам

Google Analytics

ID: присвоится автоматически после сохранения

UA-XXXXXXXXX-Y — это id счётчика Google Analytics

Яндекс Метрика

ID: присвоится автоматически после сохранения

AAAAAAAA — это id счётчика Яндекс Метрики

Рейтинг Mail.ru

ID: присвоится автоматически после сохранения

BBBBBBB — это id счётчика Майл.ру

Rambler TOP-100

ID: присвоится автоматически после сохранения

CCCCCCC — это id счётчика Рамблера

Пример на скриншоте

Таким образом, посещения AMP-страниц будут учитываться в аналитических счётчиках.

Счетчик для сайта WordPress — как поставить счетчики Рамблер и Openstat

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! Я уже посвятил достаточно публикаций описанию сервисов, которые предлагают участие в различных рейтингах в обмен на установку счетчика на вашем сайте. Это помогает не только постепенно увеличить приток целевой аудитории, но и получить жирные бэклинки на свой ресурс.

Если помните, мы уже разбирали процесс регистрации и получения счетчика для сайта от LiveInternet (здесь). В принципе любой каунтер, состоящий как из двух частей (собственно счетчика и логотипа), так и из одной составляющей, можно грубо воткнуть согласно инструкции по установке счетчика посещений LI (тут подробнее). Информер для сервиса TOP Mail.ru устанавливается аналогично счетчику от Ливинтернета.

Читайте так же:
Счетчики оборотов соп 105

В этом случае показания статистики посещаемости не будут искажены. Однако для каждого отдельного случая все-таки есть определенные тонкости, которые я и постараюсь раскрыть в настоящей статье, давая рекомендации в отношении установки коунтеров от Rambler TOP 100 и Openstat. Ведь правильное расположение скриптовой части счетчика для сайта может, например, обеспечить корректность кода и ускорить скорость загрузки вебстраниц.

Как вставить счетчик от Рамблера на сайт

После того, как вы получили каунтер от Rambler TOP 100, его необходимо вставить в определенное место, отредактировав шаблоны темы WordPress таким образом, чтобы информер отображался на всех страницах сайта. Код будет примерно следующим:

Там же вы можете получить инструкцию об установке логотипа Рамблер 100 на свой ресурс. Этот кусок рекомендуется внедрить в самый низ вебстраницы, непосредственно перед закрывающим тегом BODY:

Практически это несложно сделать, прочитав мой подробный мануал об установке информера от Лайвинтернет, ссылка на который дана чуть выше. Вкратце скажу, что сделать это можно с помощью виджетов, если они поддерживаются вашей текущей вордпрессовской темой либо вручную отредактировать соответствующим образом файл footer.php (при желании лицезреть информер в футере). Отмечу также, что Рамблер ТОП 100, в отличие от Ливинтернет, предлагает только вариант с одной составляющей, поэтому весь фрагмент нужно вставить на то место, где и будет отображаться логотип Rambler.

Однако, есть один нюанс. Дело в том, что закрыть в этом случае каунтер Рамблер от индексации поисковыми системами с помощью атрибута nofollow тега A вам не удастся, поскольку ссылка вызывается посредством скрипта. Конечно, есть соблазн прописать нофоллоу внутри NOSCRIPT, но это ничего не даст, так как контейнер, образованный этим тегом, призван просто демонстрировать содержимое, если браузер пользователя не поддерживает скрипты.

Таким образом, попытка добавить rel nofollow в качестве атрибута в таком виде будет обречена на провал, поскольку будет попросту игнорироваться. Ради эксперимента можете проделать это действие и затем открыть исходный HTML-код страницы, однако, уверяю вас, нофоллоу вы там не обнаружите. Все-таки выход из этой ситуации есть, и весьма несложный. Нужно на странице «Мои сайты» перейти по ссылке «Код счетчика»:

В результате окажитесь на вебстранице, где будет сгенерирован «Рекомендуемый код счетчика». А затем нужно просто нажать на «Упрощенный код счетчика»:

Этот фрагмент и нужно вставить в нужное место вместо рекомендуемого и спокойно прописать rel nofollow. Хотя, конечно, такой информер накладывает определенные ограничения и некоторые данные статистики будет невозможно получать, только самые основные. Но это ведь не беда, особенно если каунтер Рамблер 100 не является основным вашим каунтером. В любом случае, вам решать, что дороже, закрыть счетчик от индексации поисковиками (здесь о регистрации сайта в поисковых системах и его индексировании) либо получать данные по статистике посещаемости в полном объеме.

Читайте так же:
Гзш до или после счетчика

Вставка счетчика от сервиса Openstat

Теперь посмотрим, какие нюансы сопровождают установку информера от Openstat (тут о регистрации в этом сервисе и получении кода счетчика подробнее), который тоже предлагает свой каунтер, но несколько в другом формате. Надо сказать, что Опенстат предусматривает весьма подробную инструкцию о базовых принципах установки информера на сайт, с которой можете ознакомиться на этой страничке. Напомню код, который получаете при регистрации в рейтинге Openstat:

Если вы посмотрите на скриншот, то увидите, что код разделен на два фрагмента. Конечно, его можно целиком внедрить в то место вебстраницы, где желаете видеть логотип рейтинга Openstat (например, вставить в файл footer.php перед закрывающим тегом BODY). И вы со спокойной душой можете это сделать, глобальной катастрофы не произойдет.

Однако с точки зрения валидации и оптимизации скорости загрузки страниц блога WordPress можно найти более элегантное решение. Идея состоит в том, чтобы поместить скриптовую часть Опенстат в отдельный файл. Я на своем блоге реализовал это следующим образом. Открыл с помощью редактора notepad++ на хостинге файлы текущей темы и, поскольку скрипт написан на языке JavaScript, создал в ранее образованной директории JS новый файл и назвал его myopenstat с расширением .js:

Затем скопировал скриптовую часть счетчика Openstat и вставил его в новоиспеченный файл:

После этого нажал правой кнопкой мышки по открытой вкладке с названием только что созданного файла openstat и выбрал из контекстного меню «Сохранить»:

Этот этап закончен. Однако, теперь для вызова скрипта нужно ниже следующую строчку с указанием пути до файла myopenstat.js:

Поместить между тегами HEAD в файл header.php темы WordPress, только не забудьте обязательно прописать свой URL:

Ну и завершающим аккордом помещаем кусок, отвечающий за вывод логотипа Openstat:

В то место на web-странице сайта, где бы вы хотели видеть информер. Я, например, разместил эту частичку в файле footer.php (перед закрывающим тегом BODY):

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

Пошаговая инструкция по настройке. Яндекс.Метрика – что за зверь и как его приручить. Пошаговая инструкция по настройке То, что нужно по желанию

В советское время был такой познавательный мини-сериал для детей “Хочу все знать”, где просто и понятно рассказывалось обо всем на свете (тайны вселенной и прочее).

И когда я смотрю на любой сайт, то у меня возникают те же мысли “Хочу все знать”. Сколько посетителей было на сайте, с каких источников, сколько из них оставили заявку, по каким ключевым словам пришли эти люди.

Читайте так же:
Пропал счетчик яндекса с сайта

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

То, что нужно по желанию

Отслеживание кэша в адресной строке браузера. Функция, благодаря которой можно оптимизировать сбор статистики для AJAX-сайтов.

Асинхронный код. Поскольку я сам не программист, то даже не знаю что это такое. Поэтому поискал. Благодаря этой галочке вы активируете асинхронность кода.

То есть при загрузке сайта все коды загружаются последовательно, и если что-то не сработало, то до загрузки метрики может не дойти очередь. Благодаря этой галочке Метрика будет работать всегда.

Для XML сайтов. Функция, благодаря которой можно оптимизировать сбор статистики для XML сайтов.

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

Запрет отправки на индексацию страниц сайта. Не хотите, чтобы ваш сайт показывался в Яндекс Поиске? Просто поставьте эту галочку и можете проворачивать свои темные делишки (шутка).

Информер. Думаю, вы часто видели такую штуку на страницах различных новостных сайтов

Это и есть тот самый информер. Показывает информацию (поэтому информер) сколько было посетителей на сайте за последние сутки.

После нажатия галочки вы увидите его в предпросмотре, а также сможете настроить по своему желанию (сделать его красивым графически).

Скажу честно, если у вас одностраничный сайт на котором вы продаете товары или услуги, он вам не нужен.

А вот если у вас информационный портал и , которую вам постоянно нужно показывать рекламодателям, то да, галочку ставить нужно.

— Отправка в Метрику данных электронной коммерции. Актуально, если у вас интернет-магазин. Ставите галочку, настраиваете цели для электронной коммерции и ваши заявки, заказы, покупки как на ладони.

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

Все что вам осталось, это выбрать нужные вам функции (не хотите заморачиваться — кликайте все галочки, это не взрывоопасно) и нажать кнопку “Сохранить”.

Если вы забыли скопировать код и вас перекинуло на другую страницу, не пугайтесь, вы всегда сможете на нее вернуться.

Итак, все настройки произведены, код Метрики доступен, теперь можно брать код. Так он будет выглядеть в обычном виде

Код в обычном виде

Так, когда вы нажмете галочку “в одну строку”, то тот самый код сжимается в размерах

Код в одну строку

И такой вариант вставлять его на ваш сайт. Думаю, если вы владеете языком программирования html хоть не много, то установка счетчика Яндекс Метрика для вас не составит у вас особого труда.

Как отслеживать копирование E-mail с помощью Google Tag Manager

Коллеги, в прошлой статье я рассказал как отслеживать копирование E-mail на сайте с помощью несложного скрипта и небольшого изменения HTML тегов на посадочной странице сайта.

Читайте так же:
Счетчик посетителей сайта вордпресс

Предыдущий способ я считаю самым простым и понятным.

Однако, передавать данные в Яндекс.Метрику и Google Analytics можно и другим способом. Если вы используете в своей работе Google Tag Manger, то настроить передачу события можно через специальные теги, не заморачиваясь на редактирование верстки.

Содержание

  1. Шаг №1. Создание пользовательского HTML тега;
  2. Шаг №2. Создание триггеров на копирование и выделение адреса;
  3. Шаг №3. Передача события в Яндекс.Метрику;
  4. Шаг №4. Настройка цели в Метрике;
  5. Шаг №5. Передача события в Google Analytics;
  6. Шаг №6. Создание цели в Google Analytics;
  7. Шаг №7. Публикация настроек;
  8. Остались вопрос?

Важно! Перед тем как начинать настройку отслеживания, убедитесь, что на сайте установлен Google Tag Manager.

Шаг №1. Создание пользовательского HTML тега

  • Войдите в Google Tag Manager и выберите рабочий аккаунт для начала работы;
  • Откройте Рабочую область и в левой части выберите меню Теги;
  • Создайте новый тег и выберите из предложенного списка Пользовательский HTML.

Добавляем в пустую область следующий Javascript код:

Именно этот JS и будет отвечать за отслеживание копирования нужных нам элементов на страницах сайта.

Называем новый Тег понятным именем и переходим в нижний блок Триггеры. Выбираем доступный стандартный триггер All Pages и нажимаем на кнопку Сохранить.

Если все сделали правильно, то по итогу настройка созданного тега будет выглядеть так:

Далее нам требуется создать два триггера, которые будут активировать тег GTM при копирование электронного адреса или выделении адреса мышкой.

Шаг №2. Создание триггеров на копирование и выделение мышкой электронного адреса

Переходим к текущей рабочей области в раздел Триггеры и создаем новый.

Указываем название для триггера, например «Копирование Email мышкой».

  1. Тип триггера — Пользовательское событие;
  2. Имя события — rightClick и указываем Некоторые специальные события и добавляем условие;
  3. Event — содержит — rightClick, далее сохраняем изменения.

Но это еще не все. На втором шаге создаем еще один триггер. Называем его «Выделение Email мышкой«, но вместо rightClick используем copyText .

Поздравляю! Основные настройки закончены. Теперь нам нужно настроить передачу события в Яндекс.Метрику и Google Analytics.

Шаг №3. Передача события в Яндекс.Метрику

Возвращаемся в раздел теги и создаем новый Пользовательский HTML тег.

Добавляем в пустую область нового тега следующий код:

где XXXXXXXX — номер счетчика, а copy_email — идентификатор отслеживания события (задается произвольно).

В блоке Триггеры добавляем два ранее созданных триггера:

  1. Выделение Email мышкой;
  2. Копирование Email мышкой.

Получится примерно следующее:

Теперь переходим в настройки счетчика Яндекс.Метрики.

Шаг №4. Настройка цели в Метрике

Нам осталось добавить одну новую цель, которая начнет выполняться при копировании или выделении электронного адреса на сайте.

  1. Переходим в Яндекс.Метрику и находим в общем списке нужный счетчик;
    В разделе Настройки открываем вкладку Цели;
  2. Нажимаем на кнопку Добавить цель и указываем тип условия JavaScript-событие;
  3. Указываем на латинице в качестве идентификатора цели copy_email (указывали на предыдущем шаге в качестве идентификатора в JS коде);
  4. Жмем на кнопку Добавить цель.
Читайте так же:
Счетчик рим принцип работы

Готово! Цель создана, теперь данные начнут подтягиваться в Яндекс.Метрику. В стандартном отчете Конверсии будет собираться статистика по выполненным целям. На выходе будет примерно такой отчет с количеством достигнутых целей и коэффициентов конверсии.

Далее на этих пользователей можно настроить ремаркетинг и показывать дополнительную рекламную информацию.

Шаг №5. Передача события в Google Analytics

  1. Переходим вновь в раздел Теги и создаем новый тег;
  2. Тип тега указываем Google Аналитика — Universal Analytics;
  3. В поле Тип отслеживания указываем Событие;
  4. В полях Параметры отслеживания событий указываем следующие значения: Категория — Copies , Действия — Email Copy , Ярлык — mailCopy .
  5. В поле Идентификатор отслеживания указываем ваш код отслеживания UA-XXXXXXXX-X (найти и скопировать его можно на уровне ресурса в Google Analytics в разделе Отслеживание — Код отслеживания);
  6. В блоке Триггеры выбираем два ранее созданных триггера с пользовательскими событиями;
  7. Добавляем понятное название для тега и нажимаем Сохранить;

С этим разобрались. Теперь нужно создать новую цель и передать данные в GA.

Шаг №6. Создание цели в Google Analytics

Переходим в аккаунт Google Analytics и выбираем нужное для работы представление. Рекомендую не использовать стандартное представление по умолчанию, а создать новое рабочее представление.

Выбираем пункт Цели в блоке Представление и нажимаем на красную кнопку . Создание цели происходит в несколько несложных шагов. Давайте разберем последовательность подробно:

  1. На первом шаге создания цели указываем Собственная и нажимаем Далее;
  2. На втором шаге задаем понятное название цели и указываем тип цели Событие и нажимаем Далее;
  3. Третий шаг потребует от нас заполнение полей Категория — Copies , Действие — Email Copy , Ярлык — mailCopy .

Настройку новой цели можно посмотреть на скриншоте:

Если все указали корректно, то можно нажать кнопку Сохранить.

Дополнительных настроек больше не потребуется. Новая цель появится в списке, а данные начнут собираться примерно через 24 часа после создания.

Статистику по всем созданным целям можно посмотреть в стандартном отчете Конверсии -> Цели -> Обзор.

Здесь можно будет найти информацию по числу достигнутых целей, коэффициенту конверсии и странице достижения цели. Также доступна Карта целей и Визуализация последовательностей.

Шаг №7. Публикация настроек

Возвращаемся в Google Tag Manager. В правом верхнем углу нажимаем синюю кнопку Отправить. Далее нажимаем Опубликовать, описание версии контейнера можно пропустить — «Далее».

Готово! Наши настройки успешно переданы. Если вы не уверены, что все работает корректно, то просто перейдите в режим предварительного просмотра Диспетчера тегов и протестируйте работу каждого тега и триггера.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector