Вызов Facebook Pixel fbq при нажатии кнопки - PullRequest
Новая
       62

Вызов Facebook Pixel fbq при нажатии кнопки

1 голос
/ 06 мая 2020

Я пытаюсь запустить функцию fbq в моем пикселе Facebook при нажатии определенной кнопки. С помощью приведенного ниже кода моя консоль сообщает мне, что «a равно нулю». Как я могу это исправить?

PS Я знаю, что у меня неправильный код ссылки. Это необходимо для стиля моих кнопок. 

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', '<pixel_id>'); 
fbq('track', 'PageView');
  
</script>
<noscript>
 <img height="1" width="1" 
src="https://www.facebook.com/tr?id=<pixel_id>&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->


<!-- This code is in the footer -->

<script>
  
  
  var a = document.getElementById('call-fbq');
  a.addEventListener(
    'click', 
    function() { 
      fbq('track', 'AddToCart');          
    },
    false
  );
  
    
  
</script>
<div class="button-wrapper-2-head"><a href="#row--89322" id="call-fbq">
		<div class="button-wrapper-head">
			<div class="button-head">
		Button
		</div>
		</div>
	</a></div>

1 Ответ

0 голосов
/ 07 мая 2020

Кажется, ваш javascript работает слишком рано. Чтобы убедиться, что все элементы вашей разметки загружены, попробуйте запустить свой скрипт в событии загрузки окна: 

window.addEventListener('load', function() {

      // Your stuff here
      var a = document.getElementById('call-fbq');
      a.addEventListener(
        'click',
        function() {
          fbq('track', 'AddToCart');
        },
        false
      );

});
...