How do I use Conversion Tracking

With Conversion Tracking it is possible to define different types of targets and display them in your Trackboxx.

This gives you the opportunity to monitor and evaluate important actions, page views, transactions, etc.

The following objectives / conversions can be defined:

1. Clicks on hyperlinks
2. Page impressions
3. Submission of forms such as surveys or contact forms

Once you have created one or more target actions, they will appear at the bottom of your dashboard. The following data is displayed here:

1. Name of the target project (you determine this yourself)
2. Number of completions (how often was your target action triggered in the selected period)
3. Value (you can give your target project a fixed value, e.g. 50) At this point the sum of the value is displayed
4. Conversion rate - this is the percentage frequency of your target, measured by the total number of page views

Important! In the following examples we use an ID as an example. Of course you have to use your own ID's for your own target projects

How can I use Conversion Tracking?

In order to be able to use conversion tracking, you must first select your corresponding website and create your first target project here using the "Targets" button. Proceed as follows:

1. Click on the top right of the gear wheel
2. Then click on websites
3. Now click the "Destinations" button on the desired website
4. In the following view, you can create your first target project using the "Create target project" button
5. Give your target project a name, e.g. "Contact form called".
6. Give a brief description of your target action

Your target project has been created and you will now see a code in the following format

<script>
      trackboxx(trackGoal', 'U7MQN7GLSQ');
</script>Code language: HTML, XML (xml)

This code is the most important and we will now describe in the following steps how you can adapt and integrate it according to your desired goals.

Target actions by clicking on the appropriate link

Example: You would like to know how often the link to your contact form is clicked on your website. For example, you want to know how often the link to your contact form is clicked on your website.

There are 2 ways to set up this target action.

1. Onclick event

This means that an "event" is triggered as soon as the corresponding link is clicked.

We now adjust our code snippets as follows.

<a href="/contact/" onclick="trackboxx('trackGoal', 'U7MQN7GLSQ');">Contact Us</a>Code language: HTML, XML (xml)

If this code has been built in for the corresponding link, one target action per click will be triggered and displayed in your conversion tracking in your Trackboxx Dashboard.

Clicks on emails and phone numbers

Of course, clicks on phone numbers or even emails can also be tracked in this way. Here are 2 examples for the integration of the code:

E-mail address:

<a href="mailto:deine-email@webseite.de" onclick="trackboxx('trackGoal', 'U7MQN4GLSQ');">deine-email@webseite.de</a>Code language: HTML, XML (xml)

Telephone number:

<a href="tel:+4930123456789" onclick="trackboxx('trackGoal', 'U7MQN4GLSQ');">030 - 123 456 789</a>Code language: HTML, XML (xml)

Link tracking for WordPress menus using the Onclick method

The above example can of course be used without any problems for hyperlinks in the content, etc. In the WordPress menu, which is certainly the most frequently used for link tracking, this is not so easy by default. Therefore here is a short description of a possible integration.

1. Install the plugin "Shortcode in menus„
2. After activation call up your corresponding menu via Design > Menus
3. There is now a new "Shortcode" selection on the left-hand side
4. Enter a title here and insert the code mentioned above and then click on "Add to Menu"

The plugin now shows the link in the menu including the Trackboxx script.

Instead of using the plugin, you can also track these clicks with JavaScript. This will be explained in the next section.

Track click through JavaScript

Using a CSS ID

You can customise a hyperlink on your website by assigning an ID. For example:

<a href="/en/contact/" id="kontakt-link">Contact Us</a>

To use this link we use the following JavaScript in this example:

<script>
document.getElementById('contact-link').addEventListener('click', () => {
   trackboxx(trackGoal', 'U7MQN7GLSQ');
});
</script>Code language: HTML, XML (xml)

Using a CSS Class

<script type='text/javascript'>
document.querySelector('.contact-link').addEventListener('click', () => {
   trackboxx(trackGoal', 'U7MQN7GLSQ');
});
</script>Code language: HTML, XML (xml)

The difference between the two versions is that for a CSS ID we use: document.getElementById and for a CSS class document.getElementsByClassName.

Here is the translation of your text into English, including the HTML: In the following article, we show in detail how we implemented this form of conversion tracking on a website. Click here to read the article: OneClick Event Detailed Guide

Target actions for selected page views

Would you like to know how often a specific subpage is called up on your website? This is also possible with the Conversion Tracking of Trackboxx.

To do this, use the following code snippet on the corresponding page.

<script>
window.addEventListener('load', (event) => {
   trackboxx(trackGoal', 'U7MQN7GLSQ');
});
</script>Code language: HTML, XML (xml)

Use your own ID here and for the value of the conversion you can enter a 0 or another value.

Target actions for the sending of forms

If you would like to monitor how often a contact form is sent or a newsletter is subscribed to, for example, you can implement this with the following code.

If you have access to the html code of your form, the following code can be used for submission.

<form method="post" onsubmit="trackboxx('trackGoal', 'OOZSABWKHD');">
Code language: HTML, XML (xml)

Since this is not possible with many forms, you can alternatively use the following code to record the successful transfer:

<script>
sk('form', 'init', {
  onSuccess: function(config) {
   trackboxx(trackGoal', 'OOZSABWKHD');
  },
  // ...
});
</script>Code language: HTML, XML (xml)

If you do not know how to use the above options, the following option may be a solution.

After successfully sending your form, you will be redirected to a new subpage, a "Thank you" or "Successfully sent" page. On this page, you then include the code for a successful page view - as described under "Target project for selected page views".

Such a redirect after successful submission of a form can be easily implemented with most WordPress plugins such as Contact Form 7, wpForms or Formcraft.

Related Articles:

OneClick Event Detail Guide – Step-by-step explanation on how to implement conversion tracking using the OneClick method

Google Ads / Facebook Ads per UTM tracken – In this article, we’ll show you how to track and analyze your paid campaigns on Google or Meta/Facebook using Trackboxx.