Как использовать тег Google Ads вне Google Sites: Полное руководство

  •   
  •   22055
  •   8 мин
  •   371

Введение в тег Google Ads и его использование вне Google Sites

Эффективное отслеживание действий пользователей на веб-сайте – краеугольный камень успешных рекламных кампаний в Google Ads. Сбор данных о конверсиях, микроконверсиях и поведении аудитории позволяет оптимизировать ставки, находить наиболее ценных пользователей и повышать ROI.

Саммари статьи
ChatGPT ChatGPT
Google AI Google AI
Grok Grok
Perplexity Perplexity

Тег Google Ads (изначально известный как Google Global Site Tag, gtag.js) представляет собой фрагмент JavaScript-кода, который необходимо разместить на веб-сайте. Его основная функция – сбор данных о действиях пользователей (просмотры страниц, клики по кнопкам, заполнение форм, покупки и т.д.) и их передача в аккаунт Google Ads.

Эти данные критически важны для:

  • Отслеживания конверсий: Измерение эффективности рекламных кампаний по достижению бизнес-целей (продажи, лиды, регистрации).
  • Настройки ремаркетинга: Формирование списков пользователей, взаимодействовавших с вашим сайтом, для последующей целевой рекламы.
  • Оптимизации кампаний: Использование алгоритмов Google для автоматической оптимизации ставок и таргетинга на основе данных о конверсиях.

Ограничения Google Sites: почему нужен обходной путь

Google Sites, будучи простым в использовании конструктором сайтов, имеет существенные ограничения для профессионального маркетингового отслеживания. Основная проблема заключается в ограниченных возможностях интеграции стороннего кода и скриптов. Стандартные опции Google Sites могут не предоставлять достаточной гибкости для корректной установки и настройки gtag.js с расширенными параметрами или для отслеживания сложных пользовательских событий.

Это делает Google Sites неподходящим выбором для бизнесов, которым требуется детальный анализ эффективности рекламы, сегментация аудитории для ремаркетинга или использование расширенного отслеживания конверсий. В таких случаях необходимо использовать другие платформы, предоставляющие полный контроль над HTML-кодом и возможностью вставки JavaScript.

Обзор альтернативных платформ для использования тега

Для полноценной работы с тегом Google Ads подходят практически любые платформы, позволяющие вставлять произвольный HTML и JavaScript в заголовок (<head>) или тело (<body>) страницы. Среди наиболее распространенных:

  • Системы управления контентом (CMS): WordPress, Joomla, Drupal, Shopify, Wix (с определенными тарифными планами), OpenCart и многие другие.
  • Самописные сайты: Сайты, созданные с использованием фреймворков или чистого HTML/CSS/JavaScript.
  • Лендинг-билдеры: Unbounce, Leadpages и аналогичные сервисы, ориентированные на создание целевых страниц.

Выбор платформы зависит от технических требований, бюджета и специфики проекта, но ключевым фактором является наличие возможности вставки кода.

Первый шаг к интеграции – получение самого кода тега из вашего аккаунта Google Ads.

  1. Войдите в ваш аккаунт Google Ads.
  2. Перейдите в раздел Инструменты и настройки (значок гаечного ключа в правом верхнем углу).
  3. В разделе Отслеживание выберите Конверсии.
  4. Если у вас еще нет действий-конверсий, создайте новое, выбрав тип (например, ‘Сайт’). Следуйте инструкциям для настройки параметров конверсии (название, ценность, счетчик и т.д.).
  5. После сохранения действия-конверсии, нажмите на его название в списке.
  6. В открывшемся окне с деталями конверсии найдите раздел Настройка тега. Выберите опцию Установить тег самостоятельно.
  7. Здесь вы увидите два фрагмента кода: Глобальный тег сайта (gtag.js) и Фрагмент кода события.
    • Глобальный тег сайта необходимо разместить на всех страницах вашего сайта, предпочтительно в разделе <head>. Если у вас уже установлен глобальный тег Google (например, для Google Analytics 4), возможно, потребуется лишь добавить команду config для вашего аккаунта Google Ads.
    • Фрагмент кода события необходимо разместить на странице конверсии (например, странице ‘Спасибо за покупку’) или вызывать при наступлении определенного события (например, клик по кнопке ‘Купить’).

Скопируйте эти фрагменты кода. Они понадобятся для интеграции на выбранную платформу.

Настройка параметров отслеживания конверсий

При создании действия-конверсии вы определяете основные параметры:

  • Название: Четкое имя для идентификации конверсии (например, ‘Покупка’, ‘Отправка формы Лида’).
  • Ценность: Определяет ценность каждой конверсии. Может быть фиксированной (для лидов) или динамической (для покупок, передается через фрагмент кода события). Использование ценности позволяет отслеживать рентабельность инвестиций (ROAS).
  • Счетчик: Как считать конверсии – ‘Один’ (для лидов, регистраций – учитывается только первая конверсия после клика по объявлению) или ‘Все’ (для покупок – учитывается каждая конверсия).
  • Окно конверсии: Период после клика/просмотра объявления, в течение которого конверсия будет засчитана.

Тщательная настройка этих параметров на этапе создания действия-конверсии обеспечивает точность отчетов.

Активация расширенного отслеживания конверсий (если применимо)

Расширенное отслеживание конверсий (Enhanced Conversions) позволяет передавать хешированные данные о пользователях (email, телефон, адрес) вместе с конверсией. Это повышает точность отслеживания, особенно в условиях ограничений сторонних файлов cookie. Активация происходит в настройках действия-конверсии. Google предоставляет опции для реализации:

  1. Автоматическая настройка: Google пытается автоматически найти хешируемые данные на странице.
  2. Использование глобального тега сайта или Google Tag Manager: Требует передачи данных в тег через переменные JavaScript при срабатывании события конверсии. Этот метод более надежен и требует разработки.

Пример фрагмента кода события с передачей данных для расширенного отслеживания (псевдокод JavaScript в контексте gtag.js): 

/**
 * Sends a conversion event with enhanced conversion data.
 * @param {string} conversionId - The Google Ads Conversion ID (AW-XXXXXXXXX).
 * @param {string} conversionLabel - The label for the specific conversion action.
 * @param {Object} userData - An object containing user data for enhanced conversions.
 * @param {string} [userData.email] - Hashed email address of the user.
 * @param {string} [userData.phone_number] - Hashed phone number of the user.
 * @param {string} [userData.address.first_name] - Hashed first name.
 * @param {string} [userData.address.last_name] - Hashed last name.
 * @param {string} [userData.address.city] - Hashed city.
 * @param {string} [userData.address.region] - Hashed region/state.
 * @param {string} [userData.address.postal_code] - Hashed postal code.
 * @param {string} [userData.address.country] - Hashed country code (ISO 3166-1 Alpha 2).
 * @param {number} [value] - The value of the conversion.
 * @param {string} [currency] - The currency of the conversion value (e.g., 'USD', 'RUB').
 * @param {string} [transaction_id] - Unique ID for the transaction (e.g., order ID).
 */
function sendEnhancedConversionEvent(
    conversionId: string,
    conversionLabel: string,
    userData: {
        email?: string;
        phone_number?: string;
        address?: {
            first_name?: string;
            last_name?: string;
            city?: string;
            region?: string;
            postal_code?: string;
            country?: string;
        }
    },
    value?: number,
    currency?: string,
    transaction_id?: string
): void {

    // Ensure gtag is available globally
    if (typeof gtag !== 'function') {
        console.error('gtag is not loaded.');
        return;
    }

    // Data object for the event
    const eventData: { [key: string]: any } = {};

    // Add value and currency if provided
    if (value !== undefined) { eventData.value = value; }
    if (currency !== undefined) { eventData.currency = currency; }
    if (transaction_id !== undefined) { eventData.transaction_id = transaction_id; }

    // Add enhanced conversion data
    eventData.enhanced_conversion_data = userData;

    // Send the event
    gtag('event', 'conversion', {
        'send_to': conversionId + '/' + conversionLabel,
        ...eventData // Spread the event data object
    });

    console.log('Sent Google Ads conversion event:', eventData);
}

// Example usage (assuming data is collected securely)
// sendEnhancedConversionEvent(
//     'AW-YOUR_CONVERSION_ID',
//     'YOUR_CONVERSION_LABEL',
//     {
//         email: 'user@example.com', // Data should be hashed before sending to gtag in a real scenario
//         phone_number: '+1234567890'
//     },
//     100.00,
//     'RUB',
//     'ORDER123'
// );

Примечание: В реальных условиях, конфиденциальные данные пользователя (email, phone_number, address) должны быть хешированы на стороне клиента (с использованием алгоритма SHA256) или на сервере перед передачей в gtag(). Пример кода выше демонстрирует структуру данных для передачи, но не включает хеширование.

Процесс вставки тега зависит от используемой платформы. Рассмотрим несколько популярных вариантов.

Инструкции для WordPress: плагины и ручная вставка

WordPress предлагает гибкие возможности для вставки скриптов:

  • Плагины: Самый простой способ для пользователей без навыков программирования. Популярные плагины, такие как ‘Insert Headers and Footers’ или специализированные SEO-плагины (Yoast SEO Premium, Rank Math Pro), предоставляют поля для вставки скриптов в секции <head> и <body> всего сайта или конкретных страниц. Вставьте глобальный тег в <head> через плагин. Для фрагмента кода события используйте функционал плагина для вставки скрипта на страницу ‘Спасибо’ или используйте шорткоды/хуки в шаблоне страницы.

    Реклама

  • Ручная вставка (через файлы темы): Требует доступа к файлам темы WordPress (через FTP/SFTP или файловый менеджер хостинга). Этот метод требует осторожности, так как некорректные изменения могут нарушить работу сайта.

    1. Найдите файл header.php вашей активной темы. Скопируйте его как резервную копию.
    2. Отредактируйте header.php. Вставьте глобальный тег Google Ads (gtag.js) непосредственно перед закрывающим тегом </head>.
    3. Для фрагмента кода события: найдите файл шаблона страницы конверсии (например, page-thank-you.php или single-product.php в зависимости от темы и структуры сайта). Вставьте фрагмент кода события в соответствующее место, часто перед закрывающим тегом </body>. Для отслеживания сложных событий (например, добавление в корзину) потребуется более глубокая интеграция с использованием хуков WordPress и JavaScript.

Важно: При ручной вставке в файлы темы, используйте дочернюю тему (Child Theme). Это гарантирует, что ваши изменения не будут потеряны при обновлении основной темы.

Интеграция с другими CMS (например, Shopify, Wix): особенности и нюансы

  • Shopify: Предоставляет специальные поля в настройках магазина для интеграции скриптов. Перейдите в Online Store > Preferences > Additional scripts (для скриптов, выполняющихся на каждой странице, включая оформление заказа) или редактируйте файлы темы (theme.liquid) для более гибкой вставки в <head>.

    • Глобальный тег обычно вставляется в theme.liquid в секцию <head>.
    • Фрагменты кода события (особенно для покупки) часто требуют использования скриптов в разделе Additional scripts на странице оформления заказа. Shopify передает данные о заказе в JavaScript, которые можно использовать для динамической передачи ценности и transaction_id в фрагмент кода события.

  • Wix: В платных версиях Wix доступна функция ‘Custom Code’. Она позволяет вставлять код в <head> или <body> сайта.

    • Перейдите в Settings > Advanced > Custom Code.
    • Нажмите Add Code и вставьте глобальный тег gtag.js, выбрав размещение в <head> на всех страницах.
    • Для фрагментов кода события может потребоваться более сложная настройка через Wix Velo (ранее Corvid) для вызова скрипта при определенных пользовательских событиях или на конкретных страницах.

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

Вставка тега в HTML-код сайта: пошаговая инструкция

Если ваш сайт построен на чистом HTML/CSS/JS или на фреймворке без развитой системы плагинов, вам придется вставлять код тега непосредственно в файлы страниц.

  1. Откройте файлы вашего сайта: Используйте текстовый редактор или IDE (Integrated Development Environment) для редактирования HTML-файлов.

  2. Разместите глобальный тег: Откройте основной шаблон или файлы всех страниц, где вы хотите отслеживать действия (обычно все страницы сайта). Найдите открывающий тег <head> и закрывающий тег </head>. Вставьте полный код Глобального тега сайта (gtag.js) перед закрывающим тегом </head>. Размещение в <head> гарантирует загрузку тега до того, как пользователь начнет взаимодействовать со страницей.

    <!DOCTYPE html>
<html>
<head>
    ...
    <!-- Код Глобального тега сайта Google Ads -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-YOUR_CONVERSION_ID"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'AW-YOUR_CONVERSION_ID');

  // Опционально: если у вас есть другие теги Google (например, GA4)
  // gtag('config', 'G-YOUR_GA4_ID');
&lt;/script&gt;
&lt;!-- Конец кода Глобального тега сайта Google Ads --&gt;
...

    

    </head>
    
<body>
    
    ...
    
</body>
    
</html>

  3. Разместите фрагмент кода события: Найдите файл HTML-страницы, которая является страницей конверсии (например, thank_you.html). Вставьте Фрагмент кода события между тегами <body> и </body>, желательно ближе к закрывающему тегу </body> или в том месте, где срабатывает событие конверсии (например, после успешной отправки формы или завершения покупки). Если конверсия связана с загрузкой страницы (например, посещение страницы ‘Спасибо’), достаточно просто вставить фрагмент кода на эту страницу. Если конверсия срабатывает по клику или другому действию, потребуется JavaScript для вызова функции gtag('event', ...) при наступлении этого события.
    html
    <!DOCTYPE html>
    <html>
    <head>
    ...
    </head>
    <body>
    ...
    <h1>Спасибо за ваш заказ!</h1>
    ...
    <!-- Фрагмент кода события Google Ads для конверсии 'Покупка' -->
    <script>
    gtag('event', 'conversion', {'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL'});
    // Для передачи ценности и ID транзакции:
    // gtag('event', 'conversion', {
    // 'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL',
    // 'value': 100.0,
    // 'currency': 'RUB',
    // 'transaction_id': 'ORDER_123'
    // });
    </script>
    <!-- Конец фрагмента кода события -->
    ...
    </body>
    </html>

  4. Сохраните изменения и загрузите обновленные файлы на ваш веб-сервер.

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

Использование Google Tag Assistant для проверки корректности установки

Google Tag Assistant – это расширение для браузера Chrome, разработанное Google для проверки корректности установки различных тегов Google (Analytics, Google Ads, Google Tag Manager и др.) на любой веб-странице. Это первый и наиболее важный инструмент для отладки.

Как использовать:

  1. Установите расширение Google Tag Assistant из Chrome Web Store.
  2. Откройте страницу на вашем сайте, которую вы хотите проверить.
  3. Нажмите на иконку Google Tag Assistant в браузере.
  4. Нажмите Enable (или Record для более детального анализа последовательности действий).
  5. Обновите страницу или выполните действия, которые должны активировать теги (например, кликните по кнопке ‘Купить’, если отслеживается клик).
  6. Снова нажмите на иконку Google Tag Assistant. Он покажет список обнаруженных тегов Google на странице и их статус (зеленый, синий, желтый, красный – от хорошего до критической ошибки).

Google Tag Assistant покажет, установлен ли глобальный тег, срабатывает ли фрагмент кода события, есть ли дублирующиеся теги или ошибки синтаксиса. Детализация ошибок помогает быстро определить причину проблемы.

Устранение распространенных ошибок при установке тега

Типичные ошибки и их решение:

  • Тег не найден: Глобальный тег или фрагмент кода события отсутствуют на странице, вставлены в неправильное место (например, не в <head> для глобального тега), или код был изменен при вставке.
    • Решение: Проверьте исходный код страницы через DevTools браузера (правая кнопка мыши -> Просмотреть код или Inspect) на наличие полного кода тега. Убедитесь, что он находится в нужном месте и соответствует коду из Google Ads аккаунта. Проверьте правильность редактирования файлов темы/шаблона.
  • Дублирующиеся теги: Глобальный тег установлен несколько раз на одной странице. Это может привести к искажению данных.
    • Решение: Используйте Google Tag Assistant для выявления дубликатов. Проверьте все возможные места установки (файлы темы, плагины, менеджеры скриптов) и удалите лишние экземпляры.
  • Фрагмент кода события не срабатывает: Код события не выполняется при наступлении конверсии. Это может быть связано с ошибками JavaScript на странице, неправильным условием срабатывания (если используется GTM или кастомный JS) или размещением фрагмента кода до того, как станут доступны необходимые переменные.
    • Решение: Используйте вкладку Network или Console в DevTools браузера. Проверьте, отправляются ли запросы к www.googleadservices.com/pagead/conversion/. Просмотрите консоль на наличие ошибок JavaScript. Убедитесь, что код события вызывается после загрузки библиотеки gtag.js и после того, как пользователь совершил целевое действие.
  • Неправильная передача ценности или transaction_id: Если эти параметры не передаются или передаются некорректно (например, пустые значения, неверный формат числа).
    • Решение: Проверьте JavaScript-код, который должен получать эти данные с страницы (например, из переменных заказа после покупки) и передавать их в вызов gtag('event', ...). Используйте Google Tag Assistant или DevTools для проверки данных, отправляемых в запросе конверсии.

После установки и проверки тегов с помощью Google Tag Assistant, необходимо убедиться, что данные о конверсиях поступают в аккаунт Google Ads.

  1. Вернитесь в раздел Инструменты и настройки > Отслеживание > Конверсии в Google Ads.
  2. Найдите ваше действие-конверсию в списке.
  3. Обратите внимание на столбец Статус отслеживания. Через некоторое время (от нескольких часов до 24 часов) после первой зарегистрированной конверсии статус должен измениться с
Метки:

Добавить комментарий

Реклама
Как работает PPC в Google Ads: основные принципы, механизмы и эффективное применение
В современном цифровом мире, где конкуренция за внимание потребителя постоянно растет, контекстная реклама становится одним из наиболее эффективных инструментов для привлечения целевой аудитории.
  •  31
  •   2026
Продвинутые идеи для эффективного использования Планировщика ключевых слов Google Ads: стратегии и советы
Планировщик ключевых слов Google Ads — это краеугольный камень для любого специалиста по контекстной рекламе и SEO.
  •  31
  •   2026
Полный обзор: где и на каких площадках демонстрируется реклама в Контекстно-медийной сети Google
В современном цифровом мире, где конкуренция за внимание пользователя постоянно растет, эффективное размещение рекламы становится ключевым фактором успеха.
  •  31
  •   2026