Custom JavaScript code

The Pixels & Tracking section in your Settings gives you powerful tools to track your store activity. Besides integrations like Google Tag Manager and the Facebook Pixel, you can also add a custom JavaScript code. This feature is perfect for advanced users who want to implement third-party analytics tools or specific scripts for even more detailed tracking of their customers' behavior.

What is a custom JavaScript code?

A custom JavaScript code is a piece of code that you can insert directly into your Chariow store's source code. It lets you integrate features or tools that aren't available by default, like conversion tracking pixels from other ad platforms, advanced behavioral analytics tools, or scripts to customize the user experience.

Steps to add a custom JavaScript code

1. Go to the analytics settings: In the main menu of your dashboard, click on "Settings", then on "Pixels & Tracking" under Marketing.

2. Enable the Custom JavaScript Code: In the "Custom JavaScript Code" section, turn on the toggle.

3. Enter your code: A text field will appear. Copy and paste your JavaScript code into this area. Make sure there are no comments in your code for best results.

4. Save the changes: Click the "Save" button to apply your code to your store.

Why use custom JavaScript code?

• Advanced conversion tracking: Integrate tracking pixels for less common advertising platforms or for specific conversion events that aren’t covered by native integrations.

• Behavior analysis: Add scripts for advanced tools to display heatmaps, session recordings, and better understand how users browse your store.

• Experience personalization: Set up scripts for dynamic elements to improve customer engagement.

• A/B testing: Implement scripts to run A/B tests on elements of your store to optimize conversions.

Custom JavaScript code format

Here’s a simple example of JavaScript code to track a custom event

  <script>
  function trackCustomEvent(eventName, eventData) {
    console.log('Événement personnalisé :', eventName, eventData);
    // Le code de votre outil d'analyse serait inséré ici
  }
</script>

Note: This example is purely illustrative. The exact code will depend on the tool or feature you want to implement.

Important information

• Technical knowledge: Adding JavaScript code requires basic knowledge of web development. An error in the code can affect how your store works.

• Security: Make sure the JavaScript code you add comes from a trusted source. Malicious code could compromise the security of your store and your customers.

Need help? Contact our support via chat or at [email protected]