Руководство по отслеживанию конверсий для Ad Grants и Stripe

Как отслеживать транзакции с помощью инструментов финансирования Stripe

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

Отслеживание электронной торговли позволяет подсчитывать количество транзакций на вашем сайте и доход, который они приносят. Как правило, когда пользователь нажимает кнопку "Купить" в браузере, информация о покупке передается на веб-сервер, где выполняется транзакция. Если транзакция проходит успешно, пользователь перенаправляется на страницу с выражением благодарности или на страницу квитанции с подробными сведениями о покупке.

С помощью библиотеки analytics.js вы можете отправлять данные с таких страниц в Google Аналитику.

Для этого выполните перечисленные ниже действия.

Подготовка

Чтобы настроить отслеживание конверсий для транзакций на сайте и страницах для сбора пожертвований, вам понадобится:

Аккаунт Ad Grants. Если у вас его ещё нет, следуйте инструкциям в этой статье.
Аккаунт Google Аналитики. Он предоставляется бесплатно. Если у вас его ещё нет, следуйте инструкциям в этой статье. Обязательно выполните последний шаг: скопируйте и вставьте код Аналитики в тег <HEAD> на каждой странице сайта, который вы хотите отслеживать.
Аккаунт Stripe. Если у вас есть вопросы по заполнению формы для пожертвований, ознакомьтесь со статьями справочного центра Stripe.

В этой статье приводятся только инструкции по настройке. О том, как работает отслеживание конверсий и в каких случаях оно будет полезно, читайте в этой статье.

Шаг 1. Свяжите аккаунты Google Аналитики и Google Рекламы

Для повышения эффективности вашей рекламы аккаунт Ad Grants может использовать информацию из аккаунта Google Аналитики. Узнайте, как связывать аккаунты.

Как связать аккаунты Google Рекламы и Google Аналитики

Войдите в аккаунт Google Рекламы.
Нажмите на значок инструментов в правом верхнем углу страницы. В разделе "Настройка" выберите "Связанные аккаунты".
В разделе "Google Аналитика" нажмите "Подробности".
Откроется список доступных вам ресурсов Google Аналитики. В столбце "Статус" указано, связан ли ресурс с Google Рекламой. Если в нем отсутствует ресурс, проверьте, есть ли у вас разрешение на изменение этого ресурса.
В столбце "Действия" выберите "Связать" рядом с нужными ресурсами (вы можете выбрать любое их количество).
Откроется одна из двух страниц:
- Если для выбранного ресурса есть только одно представление, вы увидите его название. Нажмите "Импортировать показатели", чтобы получить возможность просматривать данные Google Аналитики в отчетах Google Рекламы.
- Если для ресурса есть несколько представлений, вы увидите список тех, с которыми можно установить связь. Для каждого представления можно выполнить следующие действия:
  - Связать. В результате данные о кликах и расходах из Google Рекламы станут доступны в Google Аналитике, а цели и транзакции из Google Аналитики можно будет импортировать в Google Рекламу. Вы можете создать связь с любым количеством представлений.
  - Импортировать показатели (рекомендуется). Выберите одно представление: из него будут импортированы показатели вовлечения, которые будут отображаться в столбцах отчетов Google Аналитики вашего аккаунта. Обратите внимание, что вам понадобится добавить столбцы Google Аналитики в отчеты Google Рекламы. В большинстве случаев данные появляются в Google Аналитике не позднее, чем через час. Однако в крупных аккаунтах этот процесс может потребовать больше времени. После этого вы можете добавить столбцы с данными Google Аналитики в отчеты Google Рекламы.
Нажмите "Сохранить".

Шаг 2. Включите электронную торговлю в Google Аналитике

Теперь вы должны активировать функцию электронной торговли в аккаунте Аналитики.

Как включить электронную торговлю

Войдите в аккаунт Google Аналитики.
Нажмите Администратор, а затем подтвердите, что столбец "Представление" относится к вашему сайту.
В столбце "ПРЕДСТАВЛЕНИЕ" нажмите "Настройки электронной торговли".
В разделе "Включите отслеживание электронной торговли" установите переключатель в положение "ВКЛ". Включать расширенную электронную торговлю не нужно.
Нажмите "Далее".
Нажмите "Отправить".
Более подробную информацию об этой функции можно найти на этой странице.

Шаг 3. Отправьте клиента обратно на сайт после покупки

Используйте вызов stripe.redirectToCheckout, чтобы перенаправить клиента на страницу Оформление покупки в сервисе Stripe для безопасного сбора платежных данных. После завершения покупки клиент снова попадает на ваш сайт. В справке Stripe рассказывается, какие данные собираются.

Успешным URL считается страница, на которую нужно перенаправить клиента после покупки.

Пример вызова redirectToCheckout:

stripe
  .redirectToCheckout({
    items: [
      // Замените идентификатором SKU
      {sku: 'sku_123', quantity: 1},
    ],
    successUrl: 'https://your-website.com/success',
    cancelUrl: 'https://your-website.com/canceled',
  })
  .then(function(result) {
    // Если при вызове redirectToCheckout произошла ошибка браузера или сети,
    // клиентам показывается локализованное сообщение об ошибке
    // с помощью result.error.message.
  });

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

Шаг 4. Отслеживайте события Аналитики на странице благодарности

Когда клиент совершает успешный платеж или активирует подписку на странице Оформление покупки, сервис Stripe перенаправляет его на URL, который вы указали в параметре successURL. Обычно это страница сайта, которая информирует клиента о том, что платеж прошел успешно.

Чтобы отследить транзакции электронной торговли, информацию о клиенте и платеже необходимо отправить обратно на сайт [www.your-site.com] сразу же после завершения транзакции на странице "Оформление покупки" в сервисе Stripe. Указанная информация о платеже используется в качестве значений при выполнении кода отслеживания электронной торговли Google Аналитики.

Для этого выполните перечисленные ниже действия.

Как изменить код отслеживания электронной торговли Google Аналитики

Код отслеживания Google Аналитики должен быть внедрен на странице подтверждения [https://example.com/success] вместе с кодом электронной торговли Google Аналитики. Это позволит вашей компании определить количество завершенных транзакций вместе со сведениями о каждой из них. Чтобы завершить внедрение, выполните перечисленные ниже действия.

Добавьте глобальный тег, который использовался на сайте [www.your-site.com], перед закрывающим тегом </head> на странице подтверждения, как показано ниже.
Помимо глобального тега, важно добавить междоменное отслеживание для автоматического связывания доменов. Междоменное отслеживание – это функция Google Аналитики, которая позволяет регистрировать посещение нескольких ресурсов (например, интернет-магазина и корзины покупок на отдельном сайте) как один сеанс. Эту технологию также называют связыванием сайтов. Ее применяют, чтобы точнее отслеживать весь путь клиента к конверсии.
Добавьте пользовательские переменные для всех дополнительных данных, которые будут собираться (например, идентификатор транзакции, цена и валюта).
Добавьте код отслеживания электронной торговли Google Аналитики в тот же фрагмент, что и глобальный тег.

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

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'GA_MEASUREMENT_ID');

</script>

gtag('config', 'GA_MEASUREMENT_ID', {

'linker': {

'domains': ['checkout.stripe.com']

}

});

gtag('event', 'purchase', {

"transaction_id": "24.031608523954162",

"affiliation": "Google online store",

"value": 23.07,

"currency": "USD",

"tax": 1.24,

"shipping": 0,

"items": [

{

"id": "P12345",

"name": "Android Warhol T-Shirt",

"list_name": "Search Results",

"brand": "Google",

"category": "Apparel/T-Shirts",

"variant": "Black",

"list_position": 1,

"quantity": 2,

"price": '2.0'

{

"id": "P67890",

"name": "Flame challenge TShirt",

"list_name": "Search Results",

"brand": "MyBrand",

"category": "Apparel/T-Shirts",

"variant": "Red",

"list_position": 2,

"quantity": 1,

"price": '3.0'

}

]

});

Шаг 5. Добавьте URL в список исключаемых источников перехода

Когда жертвователь переходит с основного домена (yournonprofit.org) на страницу оформления покупки Stripe, Google Аналитика интерпретирует это как то, что жертвователь был направлен основным доменом на дополнительный домен, и засчитывает это за отдельное посещение. Это не совсем точно отражает поведение жертвователей, поэтому мы рекомендуем настроить список исключений.

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

Как добавить источники трафика переходов

Войдите в аккаунт Аналитики.
Нажмите Администратор.
В столбце АККАУНТ выберите аккаунт Аналитики, содержащий нужный ресурс.
В столбце РЕСУРС выберите ресурс.
Нажмите Код отслеживания.
Выберите Список исключаемых источников перехода.
Чтобы добавить домен, нажмите ДОБАВИТЬ ИСКЛЮЧЕНИЯ ИСТОЧНИКОВ ПЕРЕХОДОВ.
В поле Домен введите имя домена.
Нажмите Создать, чтобы сохранить изменения.

Эта информация оказалась полезной?

Как можно улучшить эту статью?

Руководство по отслеживанию конверсий для Ad Grants и Stripe

Подготовка

Шаг 1. Свяжите аккаунты Google Аналитики и Google Рекламы

Как связать аккаунты Google Рекламы и Google Аналитики

Шаг 2. Включите электронную торговлю в Google Аналитике

Как включить электронную торговлю

Шаг 3. Отправьте клиента обратно на сайт после покупки

Шаг 4. Отслеживайте события Аналитики на странице благодарности

Как изменить код отслеживания электронной торговли Google Аналитики

Шаг 5. Добавьте URL в список исключаемых источников перехода

Как добавить источники трафика переходов

Эта информация оказалась полезной?

Требуется помощь?

Попробуйте следующее: