Contents

Using SmartNews Pixels in Shopify themes

SmartNews Pixels can be easily integrated into your Shopify themes. This page will guide you through the steps of installing SmartNews Pixel tags in Shopify.

1Prepare a SmartNews Pixel

Set up a SmartNews Pixel and create a conversion event in SmartNews Ads Manager.

Setting up Pixels and events in SmartNews >

Once your Pixel is ready, copy its base code on the Pixel setup screen.

2Add the base code to your Shopify theme

Paste the base code in the <head> section of theme.liquid.

If you use any third-party page creation extensions for Shopify, make sure the base code is also included in those extensions’ theme.liquid files.

3Configure events in Shopify

1. From your Shopify admin account, go to Settings > Customer events.

2. Select Custom pixels.

3. Select Add pixel.

4. Paste your event code into the code window. It may look something like this:

// SmartNews Ads Pixel Initialization
!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){
var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};
e.push=e, e.version="1.0.1", e.queue=[];
var n=document.createElement("script");
n.async=!0, n.src="https://cdn.smartnews-ads.com/i/pixel.js";
var s=document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(n,s);
}}();
// Set up event listeners for standard Shopify events
analytics.subscribe("page_viewed", (event) => {
SmartnewsAds.p("YOUR_PIXEL_ID", "PageView");
});
analytics.subscribe("product_viewed", (event) => {
SmartnewsAds.p("YOUR_PIXEL_ID", "ViewContent");
});
analytics.subscribe("product_added_to_cart", (event) => {
SmartnewsAds.p("YOUR_PIXEL_ID", "AddToCart");
});
analytics.subscribe("checkout_started", (event) => {
SmartnewsAds.p("YOUR_PIXEL_ID", "InitiateCheckout");
});
analytics.subscribe("payment_info_submitted", (event) => {
SmartnewsAds.p("YOUR_PIXEL_ID", "AddPaymentInfo");
});
analytics.subscribe("checkout_completed", (event) => {
SmartnewsAds.p("YOUR_PIXEL_ID", "Purchase");
});

5. Replace YOUR_PIXEL_ID in the example above with your actual SmartNews Pixel ID.

4Verify implementation

Check that your SmartNews Pixel is connected under Setting > Customer events. If the Pixel is shown as “Disconnected”, select Connect to link it with Shopify.

Finally, make sure that events are firing correctly and being received in SmartsNews Ads Manager by running some tests in your Shopify environment.

Event mapping reference

Shopify eventSmartNews event
page_viewedPageView
product_viewedViewContent
product_added_to_cartAddToCart
checkout_startedInitiateCheckout
payment_info_submittedAddPaymentInfo
checkout_completedPurchase

FAQ

Q：How do I verify my Pixel implementation on dynamic pages?

A：For dynamic pages that require specific user actions, the Pixel validator might incorrectly report that the Pixel hasn’t fired. You may need to perform actual user actions to properly test the implementation.

Q：Can I track multiple events with the same Pixel?

A：Yes, you can track multiple standard events like PageView, ViewContent, AddToCart, InitiateCheckout, AddPaymentInfo, and Purchase with a single Pixel implementation.

Was this article helpful? Please let us know how we can improve the Help Center. Did this article answer your question?
Yes No
Sent!

Thank you for your feedback.
We will try to improve the article.

thank you
How can we do better?

If you selected “Other,” please let us know more in the field above.

For help enquiries please contact Start advertising with us

Recently viewed articles