You can customize your VWO SmartCode in the following ways:
Modifying the Cookie Duration
VWO uses cookies to identify visitors and keep track of the variation they accessed. The default duration of a VWO cookie is 100 days. To change the duration, you can add the following JavaScript code snippet before the VWO tracking code on your webpage.
In this example, the cookie will last for a day only. Change the value from 1 to the number of days you want the cookie to be stored. Once the cookies are created, the duration cannot be altered.
When you change the cookie duration, there is a possibility of a data discrepancy.
Configuring the Timeout Interval
By default, the time-out values for the two parameters are 2000 and 2500 milliseconds, respectively. Using the following two parameters of the SmartCode, you can change the time-out interval to counter issues like slow Internet connections or incompatible IE browsers. You can set the time for which the asynchronous script will wait for the page settings to load, using the variable settings_tolerance. If the page settings load within this time interval, the code requests the VWO library (va.js or vanj.js) from our CDN and waits for the file to load at the interval indicated by the variable library_tolerance.
Hiding an Element
You can customize the SmartCode to hide an element on your webpage. This can be done using the “hide_element” field of the SmartCode. The default functionality of the asynchronous SmartCode is to hide the body of the web page initially. This is to avoid any flash of the original content on the web page while VWO applies any change.
If you wish to override the default functionality of the asynchronous SmartCode, you can replace the “body” with an empty string. The example code:
If you make this change, you might encounter issues like a flash of original content on the web page.
Setting Domain for VWO Cookies
In case, VWO cookies are not stored on your domain by default, use the following code to set the domain on which the cookies should be stored. This code snippet must be added before the VWO tracking code on your webpage.
Custom URL Setup
When a campaign has to run on multiple pages with no common pattern in the URL’s or when a campaign needs to run on specific pages and the URL pattern matches with a lot of pages that do not have to be included, then a Custom URL can be used to create a pattern that matches your requirements. Using custom URLs, you can assign virtual URLs to the pages so that a specific pattern can be generated. The example code: