Tracking conversions in Mavrck requires a simple, one-time technical setup process, outlined in this article.
To learn more about conversion tracking functionality, see Clicks and Conversions Overview.
Conversion Tracking Setup Process
Mavrck will provide you with two short snippets of code to install on your website:
- The first code snippet needs to be installed on the landing page (this should be the page you want users to land on when they click the tracking link).
- The second code snippet needs to be installed on the page users reach after completing the conversion (e.g. a purchase confirmation page).
Once installed, you can track any conversions on your website by users who have clicked on Mavrck-generated tracking links.
Your Mavrck team will assist you in deciding what pages to track and how to customize the code snippets. A developer of your website must complete the installation of the code snippets.
Setup is a two-part process, with installation and testing. Once the setup is verified, you can add tracking links in campaigns and start tracking real conversions.
Install Conversion Tracking Code
Your Mavrck implementation manager will provide the unique code snippet for conversion tracking during onboarding, or you can access it at any time from the Configuration > Conversion Scripts section.
Access your unique code snippet
- In Mavrck, open the Configuration tab of the main menu.
- Open the Conversion Scripts tab in the upper-right corner.
- Click Landing Page Code Snippet to view the code snippet
- This snippet goes on the page where you want users to land when they first click the Mavrck-generated tracking link
- Click Check-out Page Code Snippet to view the code snippet
- This snippet goes on the page where the user is redirected after completing the purchase (or conversion)
- Click Copy to clipboard and share each snippet with your developer
See example code snippets below:
Landing Page Code Snippet
<script
type="text/javascript"
src="https://www.mnpa6gtrk.com/scripts/sdk/everflow.js"
></script>
<script type="text/javascript">
const offerId = EF.urlParameter("oid");
if (offerId) {
EF._persist("offer_id", offerId);
EF.click({
transaction_id: EF.urlParameter("_ef_transaction_id"),
offer_id: EF.urlParameter("oid"),
});
}
</script>
Check-out Page Code Snippet
<script
type="text/javascript"
src="https://www.mnpa6gtrk.com/scripts/sdk/everflow.js"
></script>
<script type="text/javascript">
const offerId = EF._fetch("offer_id");
if (offerId) {
EF.conversion({
offer_id: offerId,
transaction_id: EF.getTransactionId(offerId),
// initialize this with the value you want to set for each conversion
// amount: 0,
});
}
</script>
Customize the code snippet
While you cannot customize any fields in the landing page code snippet, you can only customize the ‘amount’ parameter in the check-out page code snippet.
The "amount" parameter is the one to track the value of each conversion.
// initialize this with the value you want to set for each conversion
// amount: 0
The value of each conversion may be a dynamic or static amount, depending on the type of conversion you're tracking.
For purchases and similar conversions, enter a dynamic value in the code snippet to track the unique amount of each purchase.
Dynamic value
Dynamic value that represents the purchase amount on your website where the check-out page code snippet is installed. Your developer will have to put the amount/value string you have on your checkout page to capture the conversion value.
// initialize this with the value you want to set for each conversion
amount: {amount.string}
Static value (Sign-ups, other conversions)
Enter the static value of each conversion. Static values can be set at any amount.
For example, if you know that each purchase is worth $5, enter '5.00' in the check-out page code snippet, installed on the check-out/conversion page.
Un-comment the following code and enter a static value you want to track conversions for:
// initialize this with the value you want to set for each conversion
amount: '5.00'
Run a Test Conversion
- Once you've confirmed installation with your Mavrck implementation manager, they will provide you with a test conversion link.
- Check your web browser settings to ensure that cookies are enabled and you are not in private browsing mode or an incognito window.
- Open the test conversion link in your web browser.
- Once you have reached the right page, right-click anywhere on the page and select Inspect from the menu that appears.
- Open your web browser's Find on page tool (Ctrl+F or Command+F) and search for the text 'EF' in the module that is displayed.
- You should see something like the example below. Send a screenshot to your Mavrck implementation manager for confirmation that the code snippets have been successfully installed.
- In the same window, navigate to the page where you are tracking conversions, such as the purchase confirmation page. Enter the exact URL of the confirmation page, or generate a real conversion by completing a purchase or sign-up.
- Repeat steps 5-7