Shopify - Revision history

Ben.robson: /* Shopify Pixel */

2025-12-12T11:13:24Z

Shopify Pixel

← Older revision		Revision as of 12:13, 12 December 2025
Line 8:		Line 8:
	[https://help.shopify.com/en/manual/promoting-marketing/pixels/custom-pixels/gtm-tutorial Creating a GTM pixel]</br>		[https://help.shopify.com/en/manual/promoting-marketing/pixels/custom-pixels/gtm-tutorial Creating a GTM pixel]</br>
	[https://shopify.dev/docs/api/web-pixels-api/pixel-privacy Pixel privacy documentation]</br>		[https://shopify.dev/docs/api/web-pixels-api/pixel-privacy Pixel privacy documentation]</br>

	~~The <noscript> section needs to be added to the <body> through theme.liquid via Online Store > Edit.</br></br>~~

	- Go to Settings > Customer Events > Add Custom Pixel.		- Go to Settings > Customer Events > Add Custom Pixel.

Ben.robson at 15:44, 10 December 2025

2025-12-10T15:44:07Z

← Older revision		Revision as of 16:44, 10 December 2025
Line 249:		Line 249:
	quantity: event.data?.cartLine?.quantity,		quantity: event.data?.cartLine?.quantity,
	total_cost: event.data?.cartLine?.cost?.totalAmount?.amount,		total_cost: event.data?.cartLine?.cost?.totalAmount?.amount,
	~~test: event.data,~~
	});		});
	});		});

Ben.robson: /* Shopify Pixel */

2025-04-24T11:22:52Z

Shopify Pixel

@@ Line 312: / Line 312: @@
    });
 });
 </pre>

Aaron.trevellick: /* File Location */

2025-03-26T14:31:49Z

File Location

← Older revision		Revision as of 15:31, 26 March 2025
Line 318:		Line 318:
	The Shopify pixel loads the JS into a JS file which is loaded by the browser.<br />		The Shopify pixel loads the JS into a JS file which is loaded by the browser.<br />
	The location of this can be built by using data from the home web page.<br /><br />		The location of this can be built by using data from the home web page.<br /><br />
	~~https://<<domain>>/wpm@<<wpm_id>>/custom/web-pixel-<<pixel_id>>@<<script_version>>/sandbox/modern/~~

	<pre>		<pre>

			https://<<domain>>/wpm@<<wpm_id>>/custom/web-pixel-<<pixel_id>>@<<script_version>>/sandbox/modern/

	wpm_id - is the version of the wpm (Web Pixel Manager), this is the same across all sites and will change when the wpm is updated by shopify.		wpm_id - is the version of the wpm (Web Pixel Manager), this is the same across all sites and will change when the wpm is updated by shopify.

Aaron.trevellick: /* File Location */

2025-03-26T14:31:36Z

File Location

← Older revision		Revision as of 15:31, 26 March 2025
Line 319:		Line 319:
	The location of this can be built by using data from the home web page.<br /><br />		The location of this can be built by using data from the home web page.<br /><br />
	https://<<domain>>/wpm@<<wpm_id>>/custom/web-pixel-<<pixel_id>>@<<script_version>>/sandbox/modern/		https://<<domain>>/wpm@<<wpm_id>>/custom/web-pixel-<<pixel_id>>@<<script_version>>/sandbox/modern/

			<pre>

	wpm_id - is the version of the wpm (Web Pixel Manager), this is the same across all sites and will change when the wpm is updated by shopify.		wpm_id - is the version of the wpm (Web Pixel Manager), this is the same across all sites and will change when the wpm is updated by shopify.
Line 325:		Line 327:

	{"id":"<<pixel_id >>","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"<<script_version>>","type":"CUSTOM","privacyPurposes":[],"name":"GTM + Value Tracking"}		{"id":"<<pixel_id >>","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"<<script_version>>","type":"CUSTOM","privacyPurposes":[],"name":"GTM + Value Tracking"}

	~~<pre>~~

	</pre>		</pre>

Aaron.trevellick at 14:30, 26 March 2025

2025-03-26T14:30:35Z

@@ Line 312: / Line 312: @@
    });
 });
 </pre>

Ben.robson: /* Shopify Pixel */

2024-06-10T14:19:01Z

Shopify Pixel

← Older revision		Revision as of 15:19, 10 June 2024
Line 11:		Line 11:
	The <noscript> section needs to be added to the <body> through theme.liquid via Online Store > Edit.</br></br>		The <noscript> section needs to be added to the <body> through theme.liquid via Online Store > Edit.</br></br>

	- Go to Settings > Customer Events > Add Custom Pixel.~~</br>~~		- Go to Settings > Customer Events > Add Custom Pixel.
	- Set the Customer Privacy settings to Not required.~~</br>~~		- Set the Customer Privacy settings to Not required.
	- Set Data Sale to Data collected does not qualify as data sale.~~</br>~~		- Set Data Sale to Data collected does not qualify as data sale.
	- Add the below code.~~</br>~~		- Add the below code.

	<pre>		<pre>

Ben.robson: /* Shopify Pixel */

2024-06-10T14:18:09Z

Shopify Pixel

← Older revision		Revision as of 15:18, 10 June 2024
Line 11:		Line 11:
	The <noscript> section needs to be added to the <body> through theme.liquid via Online Store > Edit.</br></br>		The <noscript> section needs to be added to the <body> through theme.liquid via Online Store > Edit.</br></br>

	Go to Settings > Customer Events > Add Custom Pixel.</br>		- Go to Settings > Customer Events > Add Custom Pixel.</br>
	Set the Customer Privacy settings to Not required.</br>		- Set the Customer Privacy settings to Not required.</br>
	Set Data Sale to Data collected does not qualify as data sale.</br>		- Set Data Sale to Data collected does not qualify as data sale.</br>
			- Add the below code.</br>

	<pre>		<pre>

Ben.robson: /* Shopify Pixel */

2024-06-10T14:16:57Z

Shopify Pixel

← Older revision		Revision as of 15:16, 10 June 2024
Line 9:		Line 9:
	[https://shopify.dev/docs/api/web-pixels-api/pixel-privacy Pixel privacy documentation]</br>		[https://shopify.dev/docs/api/web-pixels-api/pixel-privacy Pixel privacy documentation]</br>

	The <noscript> section needs to be added to the <body> through theme.liquid via Online Store > Edit.		The <noscript> section needs to be added to the <body> through theme.liquid via Online Store > Edit.</br></br>

	Go to Settings > Customer Events > Add Custom Pixel		Go to Settings > Customer Events > Add Custom Pixel.</br>
	Set the Customer Privacy settings to Not required		Set the Customer Privacy settings to Not required.</br>
	Set Data Sale to Data collected does not qualify as data sale		Set Data Sale to Data collected does not qualify as data sale.</br>

	<pre>		<pre>

Ben.robson: /* Shopify Pixel */

2024-06-10T13:54:50Z

Shopify Pixel

← Older revision		Revision as of 14:54, 10 June 2024
Line 28:		Line 28:

	let customerPrivacyStatus = init.customerPrivacy;		let customerPrivacyStatus = init.customerPrivacy;
	let ~~permission~~ = ( customerPrivacyStatus.marketingAllowed ? 'granted' : 'denied' );		let ad_permission = ( customerPrivacyStatus.marketingAllowed ? 'granted' : 'denied' );
			let analytics_permission = ( customerPrivacyStatus.analyticsProcessingAllowed ? 'granted' : 'denied' );

	//Google Consent Mode v2		//Google Consent Mode v2
	gtag('consent', 'default', {		gtag('consent', 'default', {
	'ad_storage': ~~permission~~,		'ad_storage': ad_permission,
	'analytics_storage': ~~permission~~,		'analytics_storage': analytics_permission,
	'ad_user_data': ~~permission~~,		'ad_user_data': ad_permission,
	'ad_personalization': ~~permission~~,		'ad_personalization': ad_permission,
	});		});

Line 42:		Line 43:
	window.dataLayer = window.dataLayer \|\| [];		window.dataLayer = window.dataLayer \|\| [];
	let customerPrivacyStatus = event.customerPrivacy;		let customerPrivacyStatus = event.customerPrivacy;
	let ~~permission~~ = ( customerPrivacyStatus.marketingAllowed ? 'granted' : 'denied' );		let ad_permission = ( customerPrivacyStatus.marketingAllowed ? 'granted' : 'denied' );
			let analytics_permission = ( customerPrivacyStatus.analyticsProcessingAllowed ? 'granted' : 'denied' );

	gtag('consent', 'update', {		gtag('consent', 'update', {
	'ad_storage': ~~permission~~,		'ad_storage': ad_permission,
	'analytics_storage': ~~permission~~,		'analytics_storage': analytics_permission ,
	'ad_user_data': ~~permission~~,		'ad_user_data': ad_permission,
	'ad_personalization': ~~permission~~,		'ad_personalization': ad_permission,
	});		});
	});		});