Вставьте скрипт аналитики Google в мой файл JavaScript

Question

JavaScript-часть моих html-файлов выглядит так:

<script async src="myscript.js"></script>
<script async src="//www.googletagmanager.com/gtag/js?id=UA-XXXXXX-X"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','UA-XXXXXX-X');</script>

Я не специалист по javascript. Так что я не совсем понимаю, что делает последний скрипт. И мне интересно, могу ли я скопировать и вставить этот код в мой myscript.js, чтобы сохранить несколько байтов?

Меня беспокоит свойство асинхронности моего скрипта. Обязательно ли выполнять эту часть скрипта Google Analytics в начале страницы?

Я прочитал много вопросов и ответов на эту тему, но ни один из них не позволяет мне ясно понять. И большинство из них о предыдущем скрипте аналитики, а не об этом.

Answer 1

// Checks if window.dataLayer already defined. If defined, use that array else creates an empty array.
window.dataLayer=window.dataLayer||[];
//This functions add elements to the above defined array. This array is used by the google analytics script defined at the top.
//arguments is a javascript keyword to fetch all arguments passed to a function as an array.
function gtag(){
 dataLayer.push(arguments);
}
//gtag called with arguments ['js', <current date>]
gtag('js',new Date());
//gtag called with arguments ['config', <token>]
gtag('config','UA-XXXXXX-X');

конечный результат будет:

datalayer=[
['js', <current date>],
['config', <token>]
]

Ваш уровень данных должен быть определен до вызова скрипта gtag, в противном случае он может не работать. Эта ссылка очень хорошо объясняет link1 и link2 . Поэтому сохранение слоя данных в вашем асинхронном скрипте не будет надежным, так как не гарантируется, что ваш скрипт будет выполняться до скрипта gtag.