Pixel Implementation Guide

BlockCONNECT Pixel Implementation Guidance

1. Navigate to the BlockConnect tag.

2. Select or create a pixel group.

3. Click on the download button.

4. Open the file that is downloaded. It should appear like the following:

Note: There will be 4 options for each pixel in the selected pixel group.

Option 1 & Option 2

These are older script-based implementations and can be disregarded.

Option 3: General Client Implementation (Webpages, WordPress, and Google Tag Manager)

• Usage: This option is suitable for webpages, WordPress-hosted websites, and Google Tag Manager (GTM).
• Instructions for Google Tag Manager Implementation:
  1. Add the BlockCONNECT Pixel to Google Tag Manager
     • Log in to your Google Tag Manager account.
     • Go to the Tags section and click on New.
     • Name the tag (e.g., "Video View Hit").
  2. Tag Configuration
     • Click on Tag Configuration and select Custom Image Tag.
     • Add URL: Enter the target URL in the "Image URL" field. This URL is what the pixel will hit in the background.
  3. Configure Trigger
     • Click on Triggering and select New to create a trigger.
     • Name the trigger (e.g., "Video View Trigger").
     • Choose the trigger type Page View.
     • Save the trigger.
  4. Save Tag and Submit Changes
     • After configuring the tag and trigger, save the tag.
     • Submit changes in Google Tag Manager to make the pixel live.

Option 4: Shopify Custom Pixel Implementation

• Usage: This option is for clients using Shopify. Shopify has recently added a dedicated third-party pixel area, allowing custom pixel scripts without Google Tag Manager.
• Note: This implementation requires custom script work and a minimum 3-day lead time.
• Steps for Shopify Implementation with a Custom Pixel Script:
  1. Access Shopify Admin Panel
     • Log in to the Shopify store's admin panel.
     • Go to Settings > Customer Events.
  2. Create a Custom Pixel
     • Click Add Custom Pixel and name it “Blockboard_Pixel”.
  3. Add Pixel Code
     • Copy the provided BlockCONNECT pixel code and paste it into the code section of the event.
     • Save the pixel.
  4. Activate Pixel
     • Click the Connect button in the top-right corner to finalize the setup.

For additional details on Shopify custom pixel scripts, refer to this example: Shopify Custom Tag Implementation Guide.