формы

Автоворонки в AmoCRM и заявки с Тильды

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

Как подключить AmoCRM к Тильде, можно прочитать в справочном руководстве.

Установка Amo-пикселя

Читаем внимательно рекомендацию от AmoCRM и выполняем все по шагам

Установим пиксель и код добавления поля в формы

Данный код можно установить в футере и он во все формы будет добавлять скрытое поле с идентификатором визитера, который необходим для автоворонок

<script type="text/javascript">
$(document).ready(function(){
    window.AMOPIXEL_IDENTIFIER_PARAMS = window.AMOPIXEL_IDENTIFIER_PARAMS || {};
    window.AMOPIXEL_IDENTIFIER_PARAMS.onload = function (pixel_identifier) {
        var visitor_uid = pixel_identifier.getVisitorUid(); /* Получаем visitor_uid */
        if (visitor_uid) {
            /* Записываем 'visitor_uid' во все формы */
            $('form').each(function(){
                var $elem = $(this).find('input[name=visitor_uid]');
                /* если элемента нет, то добавим в форму скрытое поле */
                if ($elem.length == 0) {
                    $(this).append('<input type="hidden" name="visitor_uid" value="">');
                    $elem = $(this).find('input[name=visitor_uid]');
                }
                /* установим в скрытом поле значение визитера */
                $elem.val(visitor_uid);
            });
        }
    };
});
</script>
<script type="text/javascript" id="amo_pixel_identifier_js" async="async" src="https://piper.amocrm.ru/pixel/js/identifier/pixel_identifier.js"></script>

В инструкции AmoCRM написано что сначала подключаем скрипт, а потом пишем вешаем функцию на onload - оказалось, что не везде это срабатывает. Механика - сначала вешаем, а потом подключаем - сработала.

То же самое, но чуть по-другому

Либо код выше, либо вот этот должен сработать

<script type="text/javascript" id="amo_pixel_identifier_js" async="async" 
src="https://piper.amocrm.ru/pixel/js/identifier/pixel_identifier.js"></script>
<script type="text/javascript">
window.AMOPIXEL_IDENTIFIER_PARAMS = window.AMOPIXEL_IDENTIFIER_PARAMS || {};
window.AMOPIXEL_IDENTIFIER_PARAMS.onload = function (pixel_identifier) {
    var visitor_uid = pixel_identifier.getVisitorUid(); /* Получаем visitor_uid */
    if (visitor_uid) {
        $(document).ready(function(){
            /* Записываем 'visitor_uid' во все формы */
            $('form').each(function(){
                var $elem = $(this).find('input[name=visitor_uid]');
                /* если элемента нет, то добавим в форму скрытое поле */
                if ($elem.length == 0) {
                    $(this).append('<input type="hidden" name="visitor_uid" value="">');
                    $elem = $(this).find('input[name=visitor_uid]');
                }
                /* установим в скрытом поле значение визитера */
                $elem.val(visitor_uid);
            });
        });
    }
};
</script>

Остается проверить. Все ли работает или нет :)