​
Introduction to User Analytics

Want to track visits, conversions, and other user behavior? You can add analytics tools like Google Analytics or Meta Pixel directly into your Magic Patterns design via prompting.

​
Google Analytics Tutorial

Google Analytics helps you understand how people use your website or app.

For installing Google Analytics, we recommend prompting your code snippet using the meta tag method.

Installing Google Analytics Prompt
Please help me implement Google Analytics using the react-ga4 package. Here is the snippet from Google:

<the code snippet from Google>

​
Meta Pixel Tutorial

The Meta Pixel is a snippet of JavaScript code that loads a small library of functions you can use to track Facebook ad-driven visitor activity on your website.

For installing Meta Pixel, we recommend prompting your code snippet using the base code method.

Installing Meta Pixel Prompt
Please help me implement Meta Pixel. Here is the snippet from Meta:

Note: The pixel code is a placeholder code. You need to insert your own pixel code.

<!-- 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', '{your-pixel-id-goes-here}');
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none" 
       src="https://www.facebook.com/tr?id={your-pixel-id-goes-here}&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->