title: Facebook Pixel implicit PageView
body: <p>I'm attempting to add Facebook Pixel tracking to my Angular app.</p>
  
  <p>As a first step, I've simply added the base Facebook pixel code into one of my base html files as so:</p>
  
  <pre><code>!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');
  </code></pre>
  
  <p>I find that as soon as I init my pixel <code>fbq('init', '1234567890');</code>, a PageView event is being sent implicitly.</p>
  
  <p>While I can see this being somewhat useful for the average standard app, it's an unwanted behaviour when dealing with frameworks like Angular, whose URL structures aren't handled well by fbq. Eg. <code>www.hi.com/#/hello</code> is being registered as just <code>www.hi.com</code>.</p>
  
  <p>Has anyone come across this problem, or found a better way to integrate the Facebook Pixel with Angular? I've seen a few examples around that mention Angular and FBQ, along with a somewhat outdated Angular plugin. None of them seem to mention this.</p>