How the Script Works in Wirelytic

Wirelytic provides a script that allows you to seamlessly integrate tracking and analytics capabilities into your website. This script empowers you to monitor pageviews and events, gaining valuable insights into user interactions and behaviors. Let's delve into how the script works and how you can effectively utilize it.

Get the script

1. Add a website
2. Click on the Show script button

3. Copy the script from the modal

If you already have a website click on the Settings button and get the script under JavaScript Snippet

4. Add the script to the Head of your website

Custom Pageview Tracking

To track a pageview, you can use the following JavaScript code:

wirelytic.trackView(url, [referrer], [website_id]);

• url: The URL of the page being tracked.
• referrer (optional): The referrer of the page.
• website_id (optional): The unique identifier of the website.

If the referrer and website_id are not provided, the script will default to using the page referrer and the data-website-id defined by the script.

For simple pageview tracking, use:

wirelytic.trackView();

Tracking Events

Class Event Tracking

Class events allow you to track custom events without requiring JavaScript. By adding specific classes to HTML elements, you can trigger event tracking. For example:

wirelytic--<event>--<event-name>

<button id="class-button" class="button wirelytic--click--signup-button">
  Trigger Class
</button>

JavaScript (JS) Event Tracking

JavaScript event tracking provides flexibility in tracking custom events with more data. You can track events without data using:

wirelytic('js button click');

For events with data, use the trackEvent method:

wirelytic.trackEvent([name], [data], [url], [website_id]);

• name: The event name
• data (optional): Add custom meta data to your event
• url (optional): The url where the event is triggered
• website_id (optional): The unique identifier of the website.

wirelytic.trackEvent(
  'trackEvent button click',
  { type: 'test_event', userId: 123 },
  '/home',
  '12345'
);

Script options

Disable Auto Tracking

Add data-auto-track="false"

Disable User Tracking

You can configure Wirelytic to respect the visitor’s Do Not Track setting. Add data-do-not-track="true"

Allow to track on specific domains

Add data-domains="mywebsite.com,mywebsite2.com"

Google Tag Manager

Google Tag Manager will strip the attributes from the tracker, so you can bypass this by using the format below.

<script>
  (function () {
    var el = document.createElement('script');
    el.setAttribute('src', 'https://wirelytic.com/scripts/wirelytic.min.js');
    el.setAttribute('data-website-key', '123456789');
    el.setAttribute('data-api', 'https://event.wirelytic.com');
    document.body.appendChild(el);
  })();
</script>