Creating a Pixel

Pathmonk offers two types of pixels for tracking conversion goals on your website, giving you the flexibility needed to use the option best suited for your technical and conversion goal-tracking needs. 

Pixel options

• On page load: this script snippet will execute once the desired page is loaded, so it’s usually placed in a page a customer reaches after completing a conversion.
  
• On click action: this script snippet will execute once a button or link is clicked, so it has to be placed within the page that has a button or a link you'd like to track for clicks.

Where to find your Pixel Code

Log in to your Pathmonk account and select Goals Setup from the Accelerate dropdown

1. Click on Pixel Goals
2. Click the + to expand the Pixel field
3. Click the box to generate the pixel type needed
4. Click Copy  to select the Pixel code

Installing the Pixel

1. Review the installation details for the pixel type you are installing (Page Load or Click Action)
   • To install the Page Load pixel for tracking, the script snippet has to be placed within the JavaScript loaded on the page you need to track
   • To install the Click Action pixel for tracking, the script snippet has to be placed within the JavaScript loaded in the page you need to track, as the ‘on page load’ script, with the addition that you’ll have to invoke the pathmonkConversionPixel() function once your link or button is clicked.
2. Paste the pixel tracking code into the bottom of the header section of the page you want to track above the </head> 
3. Save the changes and push update to website (if applicable)

Testing the Pixel

1. Open your file explorer and create a new folder under any name (e.g “Pixel Script)

2. Save the provided pixel inside this folder and put a name to it, you can use the same as the folder’s (e.g “Pixel Script”).

3. Open the website URL where you will apply the pixel.

4. Right-click on the page and click Inspect

5. Click on the third tab called Sources  and then click on Overrides

6. Click on Select folder for overrides and then search for the folder you created that contains the pixel script. 

7. Click on Allow if a popup asking for permissions appears.

8. Please ensure that the Enable Local Overrides option is marked as true.

9. Once these steps are completed, copy the whole pixel script with CTRL+C.

10. Now click on the Page tab and right after this, select the page where the pixel will be applied (e.g. “register”).

11. Paste the pixel script right before the closing </body> tag. (make sure it is inside the body section).

12. After this is done, click on the Network tab and start with the pixel process flow for it to be triggered (Make sure the network tab is always open while doing this).

13. Once completed, look for an API call with the name track on it. If everything works as expected, the track API call will be listed on the network tab along with all the other API calls executed and will display code 200 (which means that the API call for the pixel script was a success).

Optional Pixel Settings

• All conversions: The pixel tracks conversions from all visitors who both have and have not seen Pathmonk during their visit.
  This is the most commonly used Pixel as it will track every conversion on the site. 
• Pathmonk conversions: The Pixel only tracks conversions from website visitors who have seen Pathmonk during their visit(s).
  This Pixel option is best used for accounts that have a high number of visitors.  Tracking Pathmonk-only conversions provides better detail for the results from Pathmonk on your site.