Take your Adobe Commerce store to new heights with the power of MagePal extensions. Our expertly crafted code and rigorous testing ensure seamless integration with Adobe Commerce, giving you the freedom to focus on growing your business, not debugging. Upgrade your store's potential with MagePal.
Please Note: The settings below require our Datalayer for Google Tag Manager for Magento and some features also require our Enhanced Ecommerce or Google Analytics 4 extensions.
Tag Configuration
Tag type : Custom Html
Trigger Configuration
Trigger: All Custom Events
Event Name : productPage
HTML
<script>
require(['DataLayerProductApi'], function (dataLayerProductApi) {
var product = dataLayerProductApi();
<!-- Bing UET Code -->
window.uetq = window.uetq || [];
window.uetq.push('event', '', {
'ecomm_pagetype': 'product',
'items': product.getProductCollection(),
'currency': product.getCurrencyCode()
});
<!-- End Bing UET Code -->
});
</script>
Tag Configuration
Tag type : Custom Html
Trigger Configuration
Trigger: All Custom Events
Event Name : addToCart
HTML
<script>
require(['DataLayerProductApi'], function (dataLayerProductApi) {
var product = dataLayerProductApi();
<!-- Bing UET Code -->
window.uetq = window.uetq || [];
window.uetq.push('event', 'add_to_cart', {
'items': product.getAddedToCartItems(),
'currency': product.getCurrencyCode()
});
<!-- End Bing UET Code -->
});
</script>
*Enhanced Ecommerce and/or Ga4 extension required for this functionality.
Tag Configuration
Tag type : Custom Html
Trigger Configuration
Trigger: All Custom Events
Event Name : removeFromCart
HTML
<script>
require(['DataLayerProductApi'], function (dataLayerProductApi) {
var product = dataLayerProductApi();
<!-- Bing UET Code -->
window.uetq = window.uetq || [];
window.uetq.push('event', 'remove_from_cart', {
'items': product.getRemovedFromCartItems(),
'currency': product.getCurrencyCode()
});
<!-- End Bing UET Code -->
});
</script>
*Enhanced Ecommerce and/or Ga4 extension required for this functionality.
Tag Configuration
Tag type : Custom Html
Trigger Configuration
Trigger: All Custom Events
Event Name : checkoutPage
HTML
<script>
require(['DataLayerCheckoutApi'], function (dataLayerCheckoutApi) {
var checkout = dataLayerCheckoutApi();
<!-- Bing UET Code -->
window.uetq = window.uetq || [];
window.uetq.push('event', 'begin_checkout', {
'items': checkout.getItems(),
'currency': checkout.getCurrencyCode(),
'revenue_value': checkout.getCartTotal()
});
<!-- End Bing UET Code -->
});
</script>
Tag Configuration
Tag type : Custom Html
Trigger Configuration
Trigger: All Custom Events
Event Name : purchase
HTML
<script>
require(['DataLayerPurchaseApi'], function (dataLayerPurchaseApi) {
var purchase = dataLayerPurchaseApi();
<!-- Bing UET Code -->
window.uetq = window.uetq || [];
window.uetq.push ('event', 'purchase', {
'event_category': 'ecommerce',
'revenue_value': purchase.getOrderTotal(),
'tax': purchase.getOrderTax(),
'shipping': purchase.getOrderShipping(),
'coupon': purchase.getOrderCouponCode(),
'items': purchase.getItems(),
'currency': purchase.getCurrencyCode()
});
<!-- End Bing UET Code -->
});
</script>
Total Downloads
years experience with Magento
Magento / Adobe Commerce Extensions
With millions of downloads worldwide, install with confidence knowing that our extensions will just work.
Is your Magento store ready for the future? Say hello to the new Google Analytics 4, which is built from the ground up with all-new features and advanced machine learning technology.
Providing your customer with a beautiful and functional order package tracking without leaving your site.
Whether you are integrating Bing, Facebook, SnapChat, Pinterest, or any other services our extension make it easy.
Add cross-sell, upsell, related products, social media links and other elements to your order confirmation.