The AB Tasty extension for Shopify lets you implement the generic AB Tasty tag in your website, using your Shopify admin.
You must be an AB Tasty customer to use the extension. You will need your AB Tasty identifier (the ID of your tag) to complete the installation.
Installation of the AB Tasty extension via the Shopify App store
Step 1: Install the AB Tasty extension
The first step is to install the AB Tasty extension in your Shopify admin.
You can either go directly to the AB Tasty extension using the following link here or search for it in the Shopify App Store by typing “AB Tasty”.
Once you find the extension, follow the following steps:
- Click Install
- Follow the installation procedure by accepting the set-up
Step 2: Log in to your AB Tasty account
Now that the AB Tasty extension is installed, you need to link it to your AB Tasty account.
Only AB Tasty customers can link their account. Contact our sales team for a trial account of our solution.
To link your account, follow the steps below:
- Click on the Enable Extension button.
- Add your AB Tasty identifier (ID of your tag).
The identifier can be found in your AB Tasty account, in the Generic tag page.
In section 2 of the page, you can directly copy your AB Tasty account identifier in the clipboard.
Once done, paste it in the Shopify app field.
- (Optional) In the Advanced options section, you can select the version of the tag: asynchronous (by default, toggle Off) or synchronous (when toggle is On).
- Click Save
For performance reasons, Shopify recommends using the asynchronous tag : in this case, scripts load simultaneously, which can improve page load speed but may cause flickering as modifications are applied after the page loads. If you encounter flickering effects on your website, you can use the synchronous mode. In this case, scripts are loaded in order, minimizing flickering effects by applying modifications before the website loads.
Your AB Tasty tag is now implemented on your Shopify e-commerce website.
Step3: Verify your AB Tasty tag
To ensure that your generic tag is correctly implemented, create an A/B test campaign from the AB Tasty interface. You can then add click trackings that you have selected in the "goals" step, and that you target on all your pages, on all your traffic, and without any particular trigger conditions.
Launch your campaign, then go to the reporting of the test:
- If you see data on your reporting, your tag is correctly set up.
- If no data comes up several minutes after the campaign has been launched, please refer to this troubleshooting article, or check that the identifier you have entered is the right one.
Functioning
The AB Tasty generic tag will be placed on all pages of your website, except for checkout pages (by checkout, we mean the whole payment funnel, excluding the shopping cart). This restriction applies to all Shopify partner tools. More information in the Shopify developer documentation.
This means that you will be able to:
- Test and personalize your entire website, including the shopping cart page, except for checkout pages.
- Track any event on your website, including transactions, since the AB Tasty Shopify app retrieves the Shopify transaction natively. There is no need to install a transaction tag.
The AB Tasty tag or the Shopify app can be blocked by browsers add-ons, privacy settings, etc. Some discrepancies in transactions reports should be expected.
Shopify events
Standard events
With Shopify, you can track a variety of events that occur on your website. Once you have installed the AB Tasty app on Shopify, these events are automatically created.
You can retrieve them in the Indicators page (in the Custom trackings tab, marked with a Shopify label) of the Web experimentation & Personalization platform. These events can be used as goals for your campaigns from the Goal step of any campaign, under the Custom trackings category to monitor your campaign performance. For more information on goals, refer to Campaign flow: Goals step.
You can't edit, delete or hide a Shopify event from the WE&P interface.
Here is the list of Shopify events available in Web Experimentation & Rollouts:
| Event name | Description | Usage |
| cart_viewed | When a user views their shopping cart. | Helps track user engagement with the cart page. |
| checkout_address_info_submitted | When a user submits their address information during the checkout process. | Useful for tracking the progression through the checkout stages. |
| checkout_completed | When a user successfully completes a purchase. | Crucial for tracking conversions and sales performance. |
| checkout_contact_info_submitted | When a user submits their contact information during checkout. | Helps in understanding user interactions at this stage. |
| checkout_shipping_info_submitted | When a user submits their shipping information during checkout. | Useful for analyzing the shipping step in the checkout process. |
| checkout_started | When a user initiates the checkout process. | Helps in identifying the number of users who start the checkout process. |
| collection_viewed | When a user views a product collection page. | Helps in tracking user interest in different product categories. |
| page_viewed | Whenever a user views a page on the site. | Essential for understanding user navigation and page popularity. |
| payment_info_submitted | When a user submits their payment information. | Crucial for tracking the payment step in the checkout process. |
| product_added_to_cart | When a user adds a product to their cart. | Helps in analyzing product interest and cart additions. |
| product_removed_from_cart | When a user removes a product from their cart. | Useful for understanding cart abandonment behavior. |
| product_viewed | When a user views a product page. | Helps in tracking product interest and engagement. |
| search_submitted | When a user performs a search on the site. | Helps in understanding user search behavior and popular search terms. |
Checkout events
To track events on the checkout, it is not possible to directly use the AB Tasty tag (which cannot be executed there). For these pages, the extension uses the Shopify API. This way, you'll be able to track, for all your campaigns:
- Transactions and associated metrics: transaction rate, number of visitors who have done at least one transaction, total number of transactions, average basket, number of items per transaction, average item price per transaction, and so on.
The name of the associated transaction goal will be "Purchase".
- The dimensions associated with each transaction: currency, voucher use, payment method, delivery method, and so on.
- Page views: cart page, review page
For other click tracking and custom tracking events, you need to declare the events to be tracked directly in your Shopify admin. See tracker set-up section.
Collecting the "voucher" dimension
If a discount code ("voucher") has been entered by the buyer, it will be sent to data collection and available in AB Tasty reporting. The associated transaction amount will be the one with the discount applied.
Privacy
When using Shopify, privacy is based on the configuration you have set up in the Web Experimentation & Personalization platform (Privacy page of the Settings). You don't have to configure anything privacy-related in Shopify.
This way, when using Shopify, visitor tracking is consistent and campaigns reliable.