Как добавить метрику на страницу. Куда лучше вставлять код яндекс метрики и почему? Пошаговый алгоритм подключения Метрики
Как добавить метрику на страницу. Куда лучше вставлять код яндекс метрики и почему? Пошаговый алгоритм подключения Метрики
Яндекс.Метрика — это бесплатный сервис веб-аналитики, который собирает в отчеты данные о посещаемости, поведении пользователей и помогает повысить эффективность рекламы. В этой статье мы разберем, с чего начать работу с Яндекс.Метрикой и как установить ее код на сайт.
Первое, с чего начинается работа с Яндекс Метрикой — это установка этой системы к вам на сайт. Здесь начинающие пользователи могут столкнуться с проблемой: как установить код Яндекс Метрики на сайт? А если этот сайт сделан на WordPress?
Как проверить правильность установки кода счетчика «Метрики»
После того, как счётчик установлен на сайт, необходимо подождать около 30 минут, чтобы данные начали загружаться в систему. В разделе «Мои счётчики», прямо напротив установленного счётчика, вы увидите статус. Если счётчик установлен на сайт правильно, то статус будет таким:
Но не во всех случаях такой статус свидетельствует о том, что счетчик функционирует корректно. Чтобы убедиться в 100% работоспособности счётчика, необходимо добавить к URL параметр ?_ym_debug=1
После открытия ссылки с параметром debug, открываем консоль разработчика (в используемом браузере) и смотрим строку PageView. Если счётчик был установлен корректно, то в строке Page View будет отображаться слово Counter и номер вашего счётчика:
О Яндекс Метрике
Яндекс метрика это сервис поисковика Яндекс, который при установке счетчика может собирать и давать первичный анализ пользовательских параметров вашего сайта.
Перечислить все собираемые параметры трудно, но можно. Это показ проиндексированных страниц сайта, выпавших страниц из индекса, количество посещений, просмотров, анализ запросов по популярности, анализ и ранжирование ключей, анализ поведения пользователей, анализы трафика и источников трафика и т.д.
Вряд ли найдется вебмастер, который будет говорить, что установка и настройка Яндекс Метрика для Joomla сайта не нужна. Поэтому без лишних рассуждений посмотрим, как настроить и установить счётчик Яндекс Метрика на Joomla сайт.
О Яндекс Метрике
Яндекс метрика это сервис поисковика Яндекс, который при установке счетчика может собирать и давать первичный анализ пользовательских параметров вашего сайта.
Перечислить все собираемые параметры трудно, но можно. Это показ проиндексированных страниц сайта, выпавших страниц из индекса, количество посещений, просмотров, анализ запросов по популярности, анализ и ранжирование ключей, анализ поведения пользователей, анализы трафика и источников трафика и т.д.
Вряд ли найдется вебмастер, который будет говорить, что установка и настройка Яндекс Метрика для Joomla сайта не нужна. Поэтому без лишних рассуждений посмотрим, как настроить и установить счётчик Яндекс Метрика на Joomla сайт.
Вставляем Yandex map в Joomla сайт
Начнем, наверное, с Яндекса. Yandex map можно вставить на сайт несколькими способами: сгенерить URL в разделе Яндекс. Карты и затем поставить на сайт, или же задействовать модуль для Joomla. Рассмотрим первый вариант, ведь не все хотят нагружать свою площадку еще одним инструментом.
Переходим по линку, благодаря которому вы сможете создать новую карту: http://api.yandex.ru/maps/tools/constructor/. Если имеете аккаунт от Yandex, то рекомендуем сразу же авторизоваться, ведь в обратном случае вы не сможете сохранить эту карту и внести изменения при возникновении необходимости. Чтобы отметить на Yandex map нужную вам точку/объект, то в поисковой строке вводим его адрес и нажимаем «Найти». Из показанных вариантов выбираем наиболее оптимальный вам. Дополнительно при помощи использования инструментов можно проложить пути проезда и т.д. Когда все будет готово, то введите название карты или же она сохранится «безымянной», а делается это при помощи кнопки «Сохранить и получить код».
Тут отметим, что код можно получить как для статической, так и для динамической карты. Чтобы это сделать, переходим на «Сайт – Мой профиль» и в поле «Редактор» изменяем свой редактор на CodeMirror. После этого переходим в «Менеджер плагинов» и проверяем активен ли плагин «Контент – Загрузка модулей»; теперь переходим в «Менеджер модулей» и там создаем «HTML-код». Можно его назвать, к примеру, yandex_map, а в поле «Позиция» впишите first_map, что будет говорить о названии вашей позиции. В поле «Пользовательский текст» теперь нужно вставить строку кода.
Все сохраняем, и после переходим к вставке кода:
Теперь перейдем ко второму способу, благодаря которому можно будет вставить в штатную страницу контактов Yandex map. Итак, переходим в API Yandex и получаем там модуль для Joomla http://api.yandex.ru/maps/tools/cms/. Ставим его и переходим в «Менеджер модулей», а после находим модуль «Конструктор Yandex с FlyLeaf» и открываем его для изменения. Тут в левой части модуля вы увидите карту с полем поиска, и тут так же необходимо найти нужный вам объект/место при помощи поиска.
Выделить нужный вам объект можно также в ручном режиме, просто перетащив метку или задав координаты в определенном поле. После нужно установить масштаб карты, выставить ширину и высоту, а также тип. Если нужна подробная настройка по настройке модуля Яндекс карт, то ознакомиться с ней вы можете на оф. ресурсе по URL.
Если все «Ок», то сохраняемся, выбираем вариант шаблона и выводим модуль. Если карту необходимо разместить в определённом месте статьи, то поступить можно точно так, как и было описано в первом способе. Но дабы не парить себе голову, можно просто вставить следующий код: < loadmodule mod_flyleaf_ymap >. Чтобы разместить на странице контактов вашу карту, необходимо внести изменения в файл contact/tmpl/default.php, где в нужном месте необходимо подставить значение:
Теперь вы знаете, как вставить Яндекс Карты для Joomla на сайт, поэтому перейдем к рассмотрению карт от Google.
Как вставить код с помощью header.php
Header необходим, чтобы активировать код или фрагмент JavaScript. Для этого можно воспользоваться бесплатными программами. Одна из таких — Sublime Text. Она открывает файлы не на серверах, а на ПК.
Когда Sublime Text откроется, появится код. Он выглядит сложным, но это не так. Страницы разделены на пару секций:
- the head или заголовки, что обозначаются кодами HTML <head> и </head>;
- the body или тело, коды которого <body> и </body>.
Между этими секциями и находится все, что заставляет ресурс работать в нужном режиме. Поскольку информации может быть много, чтобы разыскать теги, можно использовать форму поиска. Достаточно указать код/сниппет перед тегом.
Когда сделаете, сохраните и загрузите изменения на сервер.
Если же на самописной админке невозможно найти файлы head и header, из ситуации можно выйти, вставляя коды вручную на каждой отдельной странице. Это долго, но просто.
Когда изменения внесены, осталось сохранить файлы и внести обновленные данные на сервер.
Как создать шаблон
Для удобства как правило распределяют все ключевые фразы на смысловые группы, так гораздо проще составить качественное объявление, информативно соответствующего поисковому запросу и странице сайта.
Шаблоны размещаются так же, как и объявления. Создается новая группа, или редактируется существующая. Заполняются все поля, используя оператор «решётка» «#», там, где хотим применить шаблон. При этом группа, где используется шаблон будет помечена: “Объявление содержит шаблон”.
Пример объявления
Шаблоном в Яндекс.Директ считается фраза, взятая в решетки. Эта фраза и покажется в объявлении при условии, что среди заданных будут фразы, которые слишком велики по размеру и не поместятся при подстановке вместо шаблона.
Перед заполнением шаблона следует отредактировать ключевые фразы очень тщательно, ведь именно от них напрямую будет зависеть конечный результат. Если размещаете ключевую фразу, расположенную в заголовке, то ее следует писать с большой буквы, так как регистр букв не меняется при ее подстановке в объявление с шаблоном. Следует также строго учитывать размер ключевой фразы – он не должен превышать 35 знаков, в противном случае будет показана фраза, используемая как основной шаблон. Пробел в ключевой фразе при подстановке в ссылку заменяется символами %20.
Ключевые фразы