Php счетчик кликов кнопка

Настройка цели на кнопку в Яндекс.Метрике и Google Analytics

Настройка цели на кнопку в Яндекс.Метрике

• Не повторяется на сайте более одного раза (для каждой кнопки – своя цель);
• Соответствует тому, которое вы вставите в код сайта.

• Заменяем в теге номер счетчика и уникальный идентификатор. В итоге тег выглядит так:

• Копируем его без закрывающего символа >
• Открываем код и находим строку с настройкой кнопки
• Вставляем в нее тег
• Проверяем, на месте ли закрывающий элемент />
• Сохраняем и закрываем.

Проверка

Настройка цели на кнопку в Google Analytics

Тип «Событие»

Тип «Целевая страница»

Проверка

• Перейдите в раздел Отчеты / Отчет в реальном времени / Конверсии;
• В другой вкладке браузера откройте сайт и совершите целевое действие;
• Снова переключитесь на Аналитику. Проверьте вкладку «Конверсии»:

Как вставить теги Google Analytics и Яндекс.Метрики в один html-код

Гиперсегментация в оптовых продажах: два кейса Статья

Чем отличаются ROI, ROMI, ROAS и как их правильно считать Статья

Как не облажаться при выборе удаленной работы в интернете Статья

• Сергей

Здравствуйте. Подскажите пожалуйста, так правильно?

Добрый день! На нашем сайте https://myrodoslovie.ru/наши-основные-услуги есть форма обратной связи. Код кнопки выглядит вот так: Но почему-то в Яндекс-Метрике цели не учитываются. Пожалуйста, помогите найти причину. Спасибо.

Добрый день! А если не напрямую на кнопку устанавливать, а с помощью скрипта. Как в скрипте прописать цели? Например есть яндекс, как добавить гугл сюда function trackUserAction(data) < if(data.action == "click" && data.target == "payment-pay-button")< window.yaCounter000000.reachGoal('Form_Submit_BookingSK'); >>

А почему событие вне тега, к которому оно применяется? Получается что div закрылся, а потом ещё раз закрылся? Почему не:

А подскажите как вписать код цели от Яндекс Метрики и Гугл Адвордс в код ссылки. А также два кода цели «Событие» от Яндекс Метрики в код ссылки?

Владислав, можете подробнее объяснить – что значит вписать код Метрики в код ссылки? Какой ссылки? Вы хотите отслеживать клики по определенной ссылке на сайте или что?

Как ответить на негативный отзыв клиента: правила и советы Статья

Реклама в Google Картах: все функции сервиса, настройка и анализ местной поисковой рекламы Статья

Директолог: кто это, что он делает, где ищет работу и сколько зарабатывает Статья

Сквозная аналитика: когда нужна и как её настраивать: практические советы Diagrun Digital Статья

Реклама в Google Картах: все функции сервиса, настройка и анализ местной поисковой рекламы Статья

Вся правда о таргетинге по сегментам ВКонтакте Статья

Техподдержка

Телефоны

Мы в соц. сетях

HTML-код (Cчетчик/Cкрипт) установить в MagicSite

Если Вы получили HTML-код для установки на сайте счетчика, баннера и пр., Вы можете установить полученный HTML-код на сайт непосредственно в виртуальном кабинете.

Для этого перейдите, пожалуйста, в виртуальном кабинете во вкладку » Администрирование «

и нажмите кнопку [Скрипты и счетчики]

В виртуальном кабинете воплощена возможность размещения HTML-кода (Счетчика/Скрипта).

Если Вы получили HTML-код для установки на сайте счетчика, баннера и пр., Вы можете установить полученный HTML-код на сайт непосредственно в виртуальном кабинете.

Для этого перейдите, пожалуйста, в виртуальном кабинете во вкладку » Администрирование «

и нажмите кнопку [Скрипты и счетчики]

поднимется окно размещения полученного HTML-кода.

Если Вы устанавливаете HTML-код в данной форме впервые, то сразу поднимется форма размещения кода.

Заполните, пожалуйста, необходимые поля:

При нажатии кнопки [Скрипты и счетчики]

поднимется окно размещения полученного HTML-кода.

Если Вы устанавливаете HTML-код в данной форме впервые, то сразу поднимется форма размещения кода.

Заполните, пожалуйста, необходимые поля:

Расположение скрипта/счётчика

Установите отметку на предпочитаемом пункте.

• Если Вы желаете, чтоб скрипт/счетчик располагался только на главной странице ,
  установите отметку на пункте » Вверху ГЛАВНОЙ страницы «
• Если Вы желаете разместить счетчик на всех страницах MagicSite,
  то выберите пункт » Внизу ВСЕХ страниц «.
  В таком случае код будет размещен в футере сайта (нижнем поле).

Название

В поле «Название» пропишите любое название устанавливаемого скрипта/счетчика.

На сайте это отображаться не будет.

Это поле исключительно для Вас. Чтоб при наличии нескольких установленных кодов Вы видели где какой и Вам не приходилось бы отыскивать нужный код для его правки в случае необходимости. А также для перетаскивания блоков с целью установки их определенной последовательности.

Текст скрипта/счетчика

В данное поле вставьте сам HTML-код, который необходимо разместить на сайте.

После заполнения, для сохранения внесенных изменений, нажмите кнопку » Сохранить карточку «.

Заполните, пожалуйста, необходимые поля:

Расположение скрипта/счётчика

Установите отметку на предпочитаемом пункте.

• Если Вы желаете, чтоб скрипт/счетчик располагался только на главной странице ,
  установите отметку на пункте » Вверху ГЛАВНОЙ страницы «
• Если Вы желаете разместить счетчик на всех страницах MagicSite,
  то выберите пункт » Внизу ВСЕХ страниц «.
  В таком случае код будет размещен в футере сайта (нижнем поле).

Название

В поле «Название» пропишите любое название устанавливаемого скрипта/счетчика.

На сайте это отображаться не будет.

Это поле исключительно для Вас. Чтоб при наличии нескольких установленных кодов Вы видели где какой и Вам не приходилось бы отыскивать нужный код для его правки в случае необходимости. А также для перетаскивания блоков с целью установки их определенной последовательности.

Текст скрипта/счетчика

В данное поле вставьте сам HTML-код, который необходимо разместить на сайте.

После заполнения, для сохранения внесенных изменений, нажмите кнопку » Сохранить карточку «.

MnogoBlog

как создать сайт на wordpress, настроить и оптимизировать wordpress

Социальные кнопки со счетчиком от Pluso

Здравствуйте, сегодня хочу представить вам кнопочки со счетчиком кликов по ним от сервиса Pluso, а также расскажу как установить их на свой сайт вручную или же с помощью плагина WordPress Pluso.
Скачать исходники для статьи можно ниже

Сразу же переходим на страничку сервиса – “share.pluso.ru”.

Создание кнопок и их размещение займет у вас 5-10 минут.

Регистрация на сервисе не нужна – просто выберите нужные вам социальные кнопки, скопируйте код и вставьте в нужное место на вашем сайте – все очень быстро и просто!

Как видите из скриншота выше – здесь много русскоязычных сервисов: ВКонтакте, Одноклассники, БобрДобр, Мой Мир@Mail.ru, Яндекс.Закладки, Я.ру, В Кругу Друзей, МоеМесто, МойКруг. – что очень радует!

И главный плюс социальных кнопок от Pluso – это возможность выбора кнопок со счетчиком кликов по ним (на скриншоте выше показан синей стрелкой).

После того как выбрали стиль кнопок и социальные сети следует блок предпросмотр кнопок, а также настройки:

Здесь можно выбрать размер кнопок: большие, средние, мелкие.

А также общий счетчик кликов, который будет показан справа в конце – на скриншоте выше – это счетчик с цифрами 1657.

Далее идет блок с кодом для кнопок:

Здесь жмем на кнопку “Копировать”.

Все теперь переходим на сайт и выбираем место для социальных кнопок.

1-ый способ: Самое простое – это вставить их в боковую колонку (сайдбар).

Для этого на сайтах с движком wordpress – входим в панель управления, в левом меню выбираем пункт “Внешний вид” и его подпункт “Виджеты”, ищем виджет “Текст” и переносим его в нужный сайдбар. Далее вставляем скопированный нами код в данный виджет:

Переходим на сайт и смотрим, что получилось:

По моему мнению, просто класс!

2-ой способ: вставляем кнопки в конце каждой странички или записи сайта.

Для этого на сайтах с движком wordpress заходим в панель управления, в левом меню выбираем пункт “Внешний вид” и его подпункт “Редактор”, справа в списке шаблонов ищем файл, отвечающий за вывод записей на wordpress – single.php и открываем его код.

Ищем в нем строчку вывода комментариев (пример со стандартной темой Twenty Eleven):

И вставляем перед ней код социальных кнопок от сервиса Pluso:

Если нужно подкорректировать местоположение социальных кнопок со счетчиком от Pluso, например, сдвинуть их немного вправо, то можно открыть файл стилей wordpress – style.css (Внешний вид- Редактор – файл style.css) и вставить в самый его конец следующий код:

Данным кодом мы сместили социальные кнопки от Pluso на 130px вправо.

Аналогичные действия выполняются с файлом, отвечающим за вывод страничек на wordpress – page.php.

3-ий способ: это установить плагин WordPress Pluso

Сервис Pluso создал хороший плагин, чтобы облегчить работу по вставке социальных кнопок на ваш сайт!

Данный плагин есть на сайте “wordpress.org”, сведения о нем:

Последнее обновление: 2013-5-14

Страница плагина: “wordpress.org/plugins/share-pluso”

Установка плагина WordPress Pluso стандартная – заходим в панель управления сайтом, в левом меню выбираем пункт “Плагины” и его подпункт “Добавить новый”, в строке поиска вводим WordPress Pluso, устанавливаем и активируем плагин.

После активации плагина, в пункте “Настройки” (Параметры), у вас появиться новый подпункт PLUSO, заходим в него:

Как видите в настройках данного плагина есть 3 вкладки: Кнопки, Отображение, Расширенное отображение.

Нажимаем на кнопку “Создать новый набор кнопок”:

Здесь задаем “Название” набора кнопок, далее вставляем код кнопок, который мы получили на сайте “share.pluso.ru” и нажимаем на кнопку “Сохранить изменения”.

Далее переходим во вкладку “Отображение”:

Здесь выбираем набор кнопок – в моем примере это “1” (так я назвал набор кнопок на предыдущем скриншоте) и после чего у вас появляются настройки отбражения:

– Позиция кнопок Pluso (здесь можно задать расположение социальных кнопок над контентом или под контентом, а также их выравнивание: слева, справа, по центру);

– Расположение кнопок на записях и страничках, рубриках (можно указать их расположение на всех страничках и записях или же в отдельных категория).

И не забываем нажать на кнопку “Сохранить изменения”.

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

Чтобы узнать шорт-код или код для вывода кнопок внутри шаблонов сайта на wordpress – достаточно открыть третью вкладку “Расширенное отображение”:

Пример настройки цели и в Яндекс.Метрике – клик по кнопке или др. кликабельным элементам на странице

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

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

Ниже вы можете посмотреть мой видеоурок по этой теме:

Чтобы настраивать цели, как и прежде, нужно добавить код счетчика Метрики на страницы. Устанавливаем его между тегами . Если страницы сделаны в html-формате и загружены на хостинг, то добавить Метрику можно, открыв код для редактирования прямо на хостинге.

Зайти в корневую папку вашего домена (сайта) через файловый менеджер.

Там открыть папку со страницами и двойным щелчком левой кнопки мыши по файлу index.html открыть код страницы.

Добавить код Метрики в нужное место и сохранить.

Нажмите на скриншот, чтобы увеличить

Я добавляю один и тот же код Метрики на страницу подписки и благодарности из одной воронки.

Поэтому также захожу в папку со страницей благодарности после подписки – она у меня лежит там же, где и страница подписки, но в отдельной подпапке с названием «spasibo».

Аналогично открываю ее файл index.html двойным щелчком левой кнопкой мыши и ставлю код Метрики.

Если ваш хостинг не поддерживает редактор кода, то нужно скачать html-файл на компьютер, открыть в блокноте Notepad++ и добавить код счетчика через редактирование кода в блокноте. А затем обратно загрузить на хостинг.

Блокнот Notepad++ – бесплатный, вы можете скачать его в интернете, установить, затем открыть в нем html-файл, кликнув по нему правой кнопкой мыши и вызвав контекстное меню.

У вас откроется код – вставьте Метрику после открывающего тега или перед закрывающим и сохраните.

Если лендинг сделан в плагине Elementor на Вордпресс, то ставить код Метрики нужно именно на эту конкретную страницу, где вы хотите настроить цель. Для этого откройте страницу в редакторе Elementor.

И воспользуйтесь виджетом html–код. Ухватите его левой кнопкой мыши и перенесите над заголовком.

Вставьте туда код Метрики. Сохраните.

После этого можно перейти в Яндекс.Метрику, внутрь счетчика, и настроить цели.

Важно: если на странице пока нет посещений, нужно подождать, чтобы появились первые данные, тогда получится добавить цель – клик по кнопке.

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

И вторую цель настрою для кнопки подписки через ВК.

Для этого перейду в счетчик, в раздел «Цели», нажму «Добавить цель».

Выбираю тип цели «Клик по кнопке».

Указываю ссылку на страницу, где буду отслеживать эту цель и жму «Перейти и выбрать кнопку».

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

Выделяем его мышкой и жмем «Отслеживать клики».

После этого возвращаемся к окошку с добавлением цели – указываем название для данной цели и жмем «Добавить».

Аналогично добавляем вторую цель для другой кнопки.

Теперь на примере вот этой страницы благодарности после подписки я добавлю 4 цели:

– клик по кнопке скачивания бесплатности за подписку,

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

Точно так же, в разделе с целями жму «Добавить цель» – указываю ссылку на страницу.

И перехожу к выбору кнопки.

Затем вписываю название цели и добавляю.

Делаю то же самое для трех остальных кнопок, по которым хочу отслеживать конверсии.

То есть, принцип с добавлением целей на кликабельные элементы сейчас очень простой – нужно отметить на странице те кнопки или ссылки, по которым вы хотите отслеживать конверсии (целевые действия).

Что такое автоцели в Яндекс.Метрике?

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

Вот какие типы целей доступны:

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

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

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

Если, наоборот, требуется отключить автоцели, поменяйте ползунок на «Выкл.».

Подробнее про автоцели в Метрике можно почитать здесь.

Где смотреть отчеты по целям?

1) В разделе «Отчеты» → «Стандартные» → «Конверсии».

2) В привязке к рекламным utm-меткам в разделе «Отчеты» → «Стандартные» → «Источники» → «Метки utm».

Нажмите на скриншот, чтобы увеличить

Как по мне, классно, что в Метрике реализовали эти возможности настройки целей без копания в кодах. Можно отслеживать больше действий. Если раньше я ставила только цель – посещение страницы благодарности после подписки, чтобы в Метрику передавать данные по подписчикам из рекламы (utm -метки). То теперь на этой же странице благодарности, если у вас там идет доп. предложение и есть кнопка или даже несколько кликабельных элементов – то по каждому из них можно отслеживать конверсии.

А вы уже применяете новые типы целей? Поделитесь в комментариях.