Google Analytics gtag.js готов обратный вызов

Question

Я пытаюсь обновить мою реализацию Google Analytics с analytics.js до нового gtag.js.

В старой реализации я использую функцию готовности обратного вызова.

ga(function() {
    console.log('Google analytics is ready'); 
});

Как я могу реализовать готовый обратный вызов в новом gtag.js? Я не могу найти никакой информации в документации Google.

Answer 1

Команда event поддерживает параметр event_callback, функция вызывается после завершения обработки. Итак, по сравнению со старым analytics.jsнужно отправить событие.

Одно событие, которое сразу приходит на ум, это page_view потому что он автоматически отправляется при загрузке страницы. Хитрость заключается в отключении автоматического page_view событие и отправить его вручную:

gtag('config', GA_TRACKING_ID, {
  'send_page_view': false
});
gtag('event', 'page_view', {
  'event_callback': function() {
    console.log('Google analytics is ready'); 
  }
});

Answer 2

Более простым (но, вероятно, менее надежным) решением является использование onload атрибут <script> тег:

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"
  onload="console.log('Google analytics is ready');">
</script>