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:
- Clicks on hyperlinks
- Page impressions
- 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:
- Name of the target project (you determine this yourself)
- Number of completions (how often was your target action triggered in the selected period)
- Value (you can give your target project a fixed value, e.g. 50) At this point the sum of the value is displayed
- Conversion rate - this is the percentage frequency of your target, measured by the total number of page views
How can I use Conversion Tracking?
In order to be able to use Conversion Tracking, you must first select your website and create your first target project by clicking on the "Targets" button. Proceed as follows:
- Click on the top right of the gear wheel
- Then click on websites
- Now click on the button "Destinations" on the website of your choice
- In the following view you can create your first target action by clicking the button "Create target action"
- Give your target action a name, e.g. "contact form opened".
- 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>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.
There are 2 ways to set up this target action.
1. Onclick event
This means that an "event" is triggered when the corresponding link is clicked.
We now adjust our code snippets as follows.
<a href="/kontakt/" onclick="trackboxx('trackGoal', 'U7MQN7GLSQ');">Kontakt</a>
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.
In our example we have given a value of 50 per target action. You can also leave this value at 0.
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:
Email address:
<a href="mailto:deine-email@webseite.de" onclick="trackboxx('trackGoal', 'U7MQN4GLSQ');">deine-email@webseite.de</a>
Telephone number:
<a href="tel:+4930123456789" onclick="trackboxx('trackGoal', 'U7MQN4GLSQ');">030 - 123 456 789</a>
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.
- Install the plugin "Shortcode in Menus"
- After activation call up your corresponding menu via Design > Menus
- On the left side there is now a new selection "Shortcode"
- You enter a title and the code above and then click on "Add to Menu"
The plugin now shows the link in the menu including the Trackboxx script.
2. Track click through JavaScript
You can customise a hyperlink on your website by assigning an ID. For example:
<a href="https://trackboxx.com/en/contact/" id="kontakt-link">Contact Us</a>
To use this link we use the following JavaScript in this example:
<script>
document.getElementById('kontakt-link').addEventListener('click', () => {
trackGoal('U7MQN7GLSQ');
});
</script>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>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');">
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>If you do not know how to use the above options, the following option may be a solution.
After successfully submitting your form, you will be redirected to a new subpage, a "thank you" or "successfully submitted" page. On this page you will then include the code for a successful page view - as described under "Target actions 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.
You have questions, need support or just want to get something off your chest, then we look forward to your request.
