Как определить функцию Javascript, которая зависит от другого стороннего скрипта (Google Analytics) в нижнем колонтитуле?

Как определить функцию Javascript, которая зависит от другого стороннего скрипта (Google Analytics) в нижнем колонтитуле?

Мы загружаем Google Analytics в нижней части нашего сайта. Например:

 {amp}lt;script{amp}gt;(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-123456789-0', 'website.com'); ga('send', 'pageview'); {amp}lt;/script{amp}gt; {amp}lt;script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js?ver=5.2.3'{amp}gt;{amp}lt;/script{amp}gt; 

Затем под этим мы регистрируем функцию отслеживания:

 function trackSocialShares(position_on_page, socialaction, url) { ga('send', 'event', position_on_page, socialaction, url); } 

Теперь, над обоими, в HTML у нас есть ссылки вроде:

 {amp}lt;li{amp}gt;{amp}lt;a href="https://www.facebook.com/dialog/share?app_id= 1234567890{amp}amp;display=popup{amp}amp;href=https://website.com/" onclick="trackSocialShares('Floating Nav', 'Facebook Share', this.href); return false;"{amp}gt;Like This{amp}lt;/a{amp}gt;{amp}lt;/li{amp}gt; 

Однако, этот trackSocialShares в теге привязки HTML не срабатывает. Консоль сообщает об этом как «Uncaught ReferenceError: trackSocialShares не определен»

Есть ли способ определить его в нижнем колонтитуле, как это, и по-прежнему работать с HTML дальше на странице? Для повышения производительности мы бы предпочли не загружать Google Analytics, а для этого определить функцию в заголовке (которая работает, хотя.)

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector