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.
Whether you are integrating Bing, Facebook, SnapChat, Pinterest, or any other services our extension make it easy.
Minification is the process of removing all unnecessary characters and spacing from your source code without changing its functionality.
Get more from your order confirmation emails by promoting other complementary products.