Referrer Tag – SAP Commerce Cloud

This guide covers deploying the Referrer tag on SAP Commerce Cloud (formerly Hybris), on both storefront architectures.

Spartacus storefront
Accelerator storefront (JSP)

Locate the order confirmation component

In a Spartacus storefront the order confirmation page is rendered by the OrderConfirmationModule (typically order-confirmation-thank-you-message.component.ts / its CMS-mapped component). If you’ve customised checkout, confirm which component renders the confirmation route in your app.

Add the wrapper div

Extend or override the confirmation component’s template to include:

<!-- Begin Mention Me referrer placeholder div -->
<div id="mmWrapper"></div>
<!-- End Mention Me referrer placeholder div -->

Inject the tag with order data

In the component’s TypeScript, once the Order object resolves (from OrderFacade/CheckoutService), dynamically inject the script tag with the order details populated:

<!-- Begin Mention Me referrer integration -->
<script type="text/javascript"
  src="https://tag-demo.mention-me.com/api/v2/referreroffer/YOUR_PARTNER_CODE?firstname=<INSERT_FIRSTNAME>&surname=<INSERT_SURNAME>&email=<INSERT_EMAIL>&order_number=<INSERT_ORDER_NUMBER>&order_subtotal=<INSERT_ORDER_SUBTOTAL>&order_currency=<INSERT_ORDER_CURRENCY>&situation=postpurchase&locale=<INSERT_LOCALE>">
</script>
<!-- End Mention Me referrer integration -->

<!-- Begin Mention Me referrer integration -->
<script type="text/javascript"
  src="https://tag.mention-me.com/api/v2/referreroffer/YOUR_PARTNER_CODE?firstname=<INSERT_FIRSTNAME>&surname=<INSERT_SURNAME>&email=<INSERT_EMAIL>&order_number=<INSERT_ORDER_NUMBER>&order_subtotal=<INSERT_ORDER_SUBTOTAL>&order_currency=<INSERT_ORDER_CURRENCY>&situation=postpurchase&locale=<INSERT_LOCALE>">
</script>
<!-- End Mention Me referrer integration -->

Map <INSERT_*> placeholders to fields on the resolved Order (e.g. order.deliveryAddress.firstName, order.code, order.totalPrice.value, order.totalPrice.currencyIso), URL-encoding each value.

Locate the confirmation JSP

In the Accelerator (b2c-acceleratorstorefront) architecture, order confirmation is rendered from orderConfirmationPage.jsp (or your custom addon’s equivalent under web/webroot/WEB-INF/tags/...).

Add the wrapper div and tag

Add the placeholder div and the JavaScript snippet directly into the JSP, using EL/JSTL to populate the order fields from the orderData model attribute:

<!-- Begin Mention Me referrer placeholder div -->
<div id="mmWrapper"></div>
<!-- End Mention Me referrer placeholder div -->

<script type="text/javascript"
  src="https://tag.mention-me.com/api/v2/referreroffer/YOUR_PARTNER_CODE?firstname=${fn:escapeXml(orderData.deliveryAddress.firstName)}&surname=${fn:escapeXml(orderData.deliveryAddress.lastName)}&email=${fn:escapeXml(orderData.deliveryAddress.email)}&order_number=${orderData.code}&order_subtotal=${orderData.subTotal.value}&order_currency=${orderData.totalPrice.currencyIso}&situation=postpurchase&locale=${language}">
</script>

Always URL-encode dynamic values and test against tag-demo.mention-me.com before switching to the live tag.mention-me.com host.

Full mandatory and optional parameter reference is on the Referrer tag page.

Troubleshooting

Order data isn't available at render time

In Spartacus, ensure you’re subscribing to the resolved Order observable rather than reading a snapshot before checkout completes. In Accelerator, confirm orderData is populated in the model before the JSP renders (check your controller/facade).

Quickstart Guides

Advanced

Reference

MCP Server

Referrer Tag – SAP Commerce Cloud

Troubleshooting

​Troubleshooting

Troubleshooting