AnyQuery — Установка сниппета

📖

Введение

Что такое интеграционный сниппет и зачем он нужен

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

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

📌

Важно:

Не устанавливайте скрипт через Google/Yandex Tag Manager — это может приводить к замедлению инициализации виджета и потере трекинговых данных.
Если у вас уже установлен client.js от продукта «Долями» — вам не нужно переустанавливать код. Они взаимозаменяемые.

🛠️

Установка кода на сайт напрямую

Пошаговая инструкция интеграции

1

Добавление оптимизационных ссылок

Чтобы улучшить время соединения с сетью, вставьте следующие элементы <link> в начало секции <head> на каждой странице вашего сайта:

html

<link rel="preconnect" href="https://cdn.diginetica.net/">
<link rel="preconnect" href="https://tracking.diginetica.net/">
<link rel="preconnect" href="https://tracking-app.diginetica.net/">

2

Интеграция скрипта

Вставьте приведённый ниже скрипт в конец секции <head>, убедитесь, что он размещён после всех других скриптов, но перед закрывающим тегом </head>.

Не забудьте заменить SITEID на фактический идентификатор сайта — Site ID. Найти его можно в «Личном кабинете».

html

<script type="text/javascript">
    var digiScript = document.createElement('script');
    digiScript.src = '//cdn.diginetica.net/SITEID/client.js'; // Замените SITEID на фактический идентификатор
    digiScript.defer = true;
    digiScript.async = true;
    document.head.appendChild(digiScript);
</script>

⚠️

Просим дополнительно проверять корректный тег в поле document.head.appendChild(digiScript); на совпадение с расположением скрипта в секции <head>. Если сниппет расположен в секции <body>, используйте:
document.body.appendChild(digiScript);

📄

Пример конечной структуры HTML

Итоговый вид страницы после интеграции

Ниже приведён пример того, как должен выглядеть ваш HTML после интеграции — с указанием места расположения каждого компонента:

html

<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Название вашего сайта</title>

    <!-- Ссылки для оптимизации загрузки страницы -->
    <link rel="preconnect" href="https://cdn.diginetica.net/">

    <!-- Ваши существующие ссылки и таблицы стилей здесь -->

    <!-- Скрипт отслеживания -->
    <script type="text/javascript">
        var digiScript = document.createElement('script');
        digiScript.src = '//cdn.diginetica.net/SITEID/client.js'; // Замените SITEID
        digiScript.defer = true;
        digiScript.async = true;
        document.head.appendChild(digiScript);
    </script>

    <!-- Ваши существующие скрипты здесь -->
</head>
<body>
    <!-- Содержимое тела здесь -->
</body>
</html>

✅

Финальная проверка

Убедитесь, что интеграция выполнена корректно

Убедитесь, что все ссылки и скрипт корректно размещены внутри тега <head>. Такая конфигурация помогает достичь максимальной производительности и повышает функциональность вашего сайта.

Используйте вкладку Network инструментов разработчика вашего браузера, чтобы проверить, успешно ли загружается файл client.js и отсутствуют ли ошибки. Это подтвердит, что скрипт был интегрирован правильно и функционирует в соответствии с ожиданиями.