Before you begin

  • You'll need a website for your business.
  • You must be able to update your website's code.

Whether you can update the website code yourself, or need a developer's help, this code will need to be installed on your site where the event happens. This code sends back site visit information to Qzzr so we can know when a customer completes certain milestones. This will allow us to optimize your Qzzr interactive experience provide better insights and facilitate smarter marketing.

1. Locate the header code for your website

Go to your website's code and find the header of your website. Find the <head></head> tags in your website code, or locate the header template in your CMS or E-commerce Platform. To learn where to find this template or code on platform specific web platforms see this article.

2. Copy the entire code and paste it in the header of your website

Paste the code at the bottom of the header section, just above the closing head tag.

<!-- Qzzr Pixel Code -->
<script>!function(Q,Z,z,R){R=Q[Z]=Q[Z]||function(){R.q.push(arguments)},
R.q=R.q||[],R(R,z)}(window,'qzzrEvents','PUT THE ID OF YOUR QZZR EXPERIENCE ID HERE');</script>
<script src="//edge.qzzr.co/lib/sdk.js" async></script>
<!-- End Qzzr Pixel Code -->

Be sure to replace the 'PUT THE ID OF YOUR QZZR EXPERIENCE ID HERE' with the ID of the Qzzr experience that corresponds to this milestone event. 

3. Track actions that matter to your business

After you've placed the pixel your website, add events to track specific customer milestones.

<!-- Example Event Code -->
qzzrEvents('Purchase', {
  name: 'Luzon Del Día',
  price: 49.95,
  color: 'Wild Card'
});


You can name the event whatever makes sense for your customer journey. You can also add any number of properties to the milestone event. These properties will be available for analysis in conjunction with responses given in your Qzzr experience.

If your site uses a tag manager or a popular CMS or E-Commerce platform view this article.

Did this answer your question?