├── readme.md
└── event-tracker.js


/readme.md:
--------------------------------------------------------------------------------
 1 | # Трекер перевода страниц на страницах сайта
 2 | 
 3 | Данный скрипт поможет отслеживать перевод страниц вашего сайта и передавать данные через Google Tag Manager в Google Analytics или Yandex Metrika.
 4 | 
 5 | ## Как использовать скрипт?
 6 | 
 7 | Создайде пользовательский HTML в GTM и без изменений вставьте скрипт. Как настроить другие шаги подробно написано на в моей статье на [searchengines.guru](https://searchengines.guru/)
 8 | 
 9 | ## Рекомендации
10 | 
11 | На основе данного шаблона кода - использовать собственный. Попросите вашего разработчика написать более стабильный и безопасный код для вашей компании. И автоматизируйте его правки, если настройки в GTM или переводчиков в Google и Yandex сменятся. 
12 | 
13 | !updated_04.02.2023
14 | 


--------------------------------------------------------------------------------
/event-tracker.js:
--------------------------------------------------------------------------------
 1 | <script>
 2 | function getUrlParameter(name) {
 3 |   name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
 4 |   var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
 5 |   var results = regex.exec(location.search);
 6 |   return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
 7 | };
 8 | 
 9 | if (window.location.href.indexOf('translate.googleusercontent.com') > -1 ) {
10 |   window.dataLayer.push({
11 |     'event' : 'pageTranslated',
12 |     'translationLanguage' : getUrlParameter('tl'),
13 |     'translationService' : 'google translate website'
14 |   });
15 | }
16 | 
17 | (function() {
18 | 
19 | if (window.MutationObserver) {
20 |   var mutationObserver = new MutationObserver(function(mutations) {
21 |     mutations.forEach(function (mutation) {
22 |       var oldElementClass = mutation.oldValue;
23 |       var currentElementClass = mutation.target.className;
24 |       if (oldElementClass.indexOf('translated-') === -1 && currentElementClass.indexOf('translated-') > -1) {
25 |         window.dataLayer.push({
26 |           'event' : 'pageTranslated',
27 |           'translationLanguage' : mutation.target.lang || document.getElementsByTagName('html')[0].getAttribute('xml:lang'),
28 |           'translationService' : 'on-page google translate'
29 |         });
30 |       }
31 |   })
32 | })
33 | 
34 |   var htmlNode = document.querySelector('html');
35 |   mutationObserver.observe(htmlNode, {
36 |     attributes: true,
37 |     attributeOldValue: true,
38 |     attributeFilter: ['class']
39 |   })
40 | 
41 | }
42 | 
43 | if (window.location.href.indexOf('translatoruser-int.com') > -1 ) {
44 |   window.dataLayer.push({
45 |     'event' : 'pageTranslated',
46 |     'translationLanguage' : getUrlParameter('to'),
47 |     'translationService' : 'yandex translator website'
48 |   });
49 | }
50 | })();
51 | </script>
52 | 


--------------------------------------------------------------------------------