How to install Shopify Custom Pixel for the ProfitMetrics tracking script and the Conversion Booster

In this article, you will guided on how to remove the PM tracking script and Conversion Booster snippets from 'Additional scripts' in Shopify, and thereafter in how to add these as custom pixels

Part 1: Create a custom pixel for "PM - Script"

Part 1: Remove the existing Conversion Booster Snippet in the Shopify checkout (IMPORTANT)

Part 3: Create a custom pixel for "PM - Conversion Booster Script"

Part 1: Create a custom pixel "PM - Script"

1. Click "Settings"
   
   
   
   
2. Click "Customer events"
   
   
   
   
3. Click "Add custom pixel"
   
   
   
   
   
4. Click the "Pixel name" field and type "PM - Script"
   
   
   
   
5. Click "Add pixel"
   
   
   
   
6. Click "Permission"
   
   
   
   
7. Select "Not required"
   
   
   
   
8. Click "Data sale"
   
   
   
   
9. Select "Data collected does not qualify as data sale"
   
   
   
   
10. Copy this script
    
    

    analytics.subscribe("checkout_completed", async (event) => {
      console.log("checkout completed fired");
     // shopify ALWAYS sets the _cmp_a cookie that contains the result of the various consent settings.
     let consentMarketing = true;
     let consentAnalytics = true;
    
    
     try {
     const cmp_a = await browser.cookie.get( '_cmp_a' );
     const cookiedecoded = JSON.parse( decodeURIComponent( cmp_a ) );
     consentMarketing = cookiedecoded?.purposes?.m ?? consentMarketing;
     consentAnalytics = cookiedecoded?.purposes?.a ?? consentAnalytics;
     } catch( e ) {
     }
    
    
     if( consentMarketing || consentAnalytics ) {
     try {
     var pmShopifyLastOrder = {'orderId': event.data.checkout.order.id, 'ts': new Date / 1E3 | 0};
     browser.sessionStorage.setItem( 'pmShopifyLastOrderId', JSON.stringify( pmShopifyLastOrder ) );
     } catch( e ) {
     }
     }
    });

11. Remove all existing text in the Code field and paste the script into the Code field
    
    
    
    
12. Click "Save"
    
    
    
    
13. Click "Connect"
    
    
    
    
    
14. Click "Connect" again
    
    

Part 2: Remove the existing Conversion Booster Snippet in the Shopify checkout (IMPORTANT)

1. Navigate to the Conversion Booster integration and make sure you are on the correct website
   
   
2. Select "Update integration"
   
3. Open a new browser tab > log in to your Shopify store, and click "Settings"
   
4. Then "Checkout"
   
5. Scroll down to "Additional scripts" and delete the existing Conversion Booster snippet. The script might look different depending on when it was installed.
   If the script you find does not match the script below, look for the highlighted line as this will exist in all versions with different numbers.

   <!-- Start ProfitMetrics - Conversion Booster for Google Ads - (v1) -->
   
   <!-- End ProfitMetrics - Conversion Booster for Google Ads - (v1) -->

6. Find the code and delete it.
7. Click "Save"
   
8. Check "I have removed the script from the website"
   
   
   
9. Click "Next step"
   
   

Part 3: Create a custom pixel "PM - Conversion Booster Script"

1. Click "Copy snippet"
   
   
   
   

2. I Shopify: Navigate to "Settings" > "Customer events" and click "Add custom pixel"
   
   
   

3. Click the "Pixel name" field and type "PM - Conversion Booster Script"
   
   

4. Click "Add pixel"
   
   
   
   
5. Click "Permission"
   
   
   
   

6. Select "Not required"
   
   

7. Click "Data sale"
   
   

8. Select "Data collected does not qualify as data sale"
   
   
   
9. Remove all existing text in the Code field paste the Conversion Booster snippet into the Code field
   
   
   
   
10. Click "Save"
    
    
    
    
11. Click "Connect"
    
    
    
    
    
12. Click "Connect" again
    
    
    
    
13. That's it. You have now removed the old tracking and ensured compatibility with the new Shopify checkout page.