Как настроить цели

Для Яндекс.Метрика при работе в Tilda
СПИСОК ВСЕХ ВИДЕО
Видеоинструкция данного примера
Видеоинструкция данного примера доступна в архиве
mo-tilda Level UP.
Наглядно показано как создавать подобные вещи и применять их в своих проектах.
Содержание:
1. Создаём счётчик в Яндекс Метрика
2. Подключаем счётчик к Tilda
3. Как проверить отправку событий через Yandex Debug
4. Настраиваем штатные цели - клик по кнопке, открытие popUp, отправка формы...
5. Настраиваем нештатные цели - клик по ссылке, клик по объекту , переход а сторонний ресурс
6. Типы условий - Посещение страницы, JavaScript событие, Составная цель
7. Создание составной цели

Рассматриваем различные вариации создания событий и целей при работе с Яндекс Метрикой в Tilda.
Длительность видео: 69 мин
Подписка к видеоинструкции на платной основе
Клик по кнопке добавить в корзину для Tilda
Отслеживает момент нажатия на кнопку добавить в корзину
<script type="text/javascript"> 
  $("[href='#order']").click(function() {
  yaCounterXXXXXXX.reachGoal('ДобавилТовар');
  });
</script>
Клик по корзине
Отслеживает момент открытия корзины
<script type="text/javascript">
$(document).ready(function(){
    $('.t706__carticon').click(function(){
                
        yaCounter11111111.reachGoal('ОткрылКорзину'); return true;
        
    });
});
</script>
Отследить переход в платёжную систему
Отслеживает переход из корзины в платёжную систему после заполнения данных
<script type="text/javascript">
$(document).ready(function(){
    window.myAfterSendedFunction= function($form){
              
       yaCounter11111111.reachGoal('ПерешёлвЯКассу'); return true;
              
    }
    $('.t706 form').each(function(){
        $(this).data('formsended-callback', 'window.myAfterSendedFunction');
    });
});
</script>
Отследить нажатие по кнопке с определённой ссылкой
Отслеживает нажатие на определённую кнопку
<script type="text/javascript"> 
$(document).ready(function(){
    
// Отслеживаем нажатие на кнопку с определённой ссылкой
  $("[href='https://yandex.ru']").click(function() {
  yaCounter42639224.reachGoal('КликнулиКнопку1'); return true;
  });

});
</script>   
Отследить нажатие на ссылку в тексте (телефон, почта)
Отслеживает нажатие на ссылку в тексте (например в блоке контактов телефон, почта, WhatsApp)
<script type="text/javascript"> 
$(document).ready(function(){

// Отслеживаем нажатие на e-mail
    $("[href='mailto:test@mail.ru']").click(function() { 
        yaCounter11111111.reachGoal('КликнулиПочту'); return true; 
    });

// Отслеживаем нажатие на телефон
     $("[href='tel:+78997554455']").click(function() {
  yaCounter11111111.reachGoal('КликнулиНомер'); return true;
  });
   
// Отслеживаем нажатие на WhatsApp
  $("[href='https://api.whatsapp.com/send?phone=79006506333&text=Добрый%20день!%20Как%20можно%20заказать?']").click(function() {
  yaCounter42639224.reachGoal('КликнулиWhatsApp'); return true;
  });

});
</script>   
Как включить передачу IP посетителя в МЕТРИКЕ
Передаёт данные в Метрику об IP адресе посетителя
Скрипт добавляется в HEAD сайта, т.к. к коду Метрики установленному через Настройки сайта нед доступа.

http://
<!--Добавить этот скрипт -->

<script type="text/javascript">
var yaParams = {};
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://ip.up66.ru/', true);
xhr.onload = function() {
	yaParams.ip = this.responseText;
}
xhr.send();
</script>

<!--Добавить этот скрипт -->



<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounterXXXXXXX = new Ya.Metrika({
                    id:XXXXXX,
                   
                    //Добавить эту строку
                    params:window.yaParams,
                    //Добавить эту строку
                  
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor:true,
                    trackHash:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/42639224" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
https://
<!--Добавить этот скрипт -->
<script type="text/javascript" src="https://www.l2.io/ip.js?var=userip"></script>
<!--Добавить этот скрипт -->


<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
        (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounterXXXXXXX = new Ya.Metrika({
                    id:XXXXXXX,

          //Добавить этот параметр
                    params:{'ip': userip},
         //Добавить этот параметр

                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor:true,
                    trackHash:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/43072234" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
Made on
Tilda