How to Use Vine Tracking with Third Party Cookie Consent Dialog without GTM

How to Use Vine Tracking with Third Party Cookie Consent Dialog without GTM

Note: Make sure your pages include the Vine tracking script.

Please go to the Cookie Consent pane in Settings->Web Site and turn the Use Vine Cookie Consent Dialog switch OFF to disable Vine Consent Dialog.

To comply with the European GDPR law, select Requires VineTrack.allowCookies call before using cookies so that the Vine cookies can not be saved until you call VineTrack.allowCookies(); in your JavaScript code.

Allowing Vine Cookies

Please refer to the documentation of your cookie consent system how to add a proper code calling VineTrack.allowCookies();.

Denying Vine Cookies

If the visitor does not accept marketing (tracking) cookies in your consent dialog then you need to call VineTrack.denyCookies(); For example, simple cookie consent dialogs just ask if you want to Accept All or Deny All cookies. In this case, you obviously need to call VineTrack.denyCookies(); if the user denies cookies. However, many consent dialogs now also permit the visitor to allow some cookies and Deny Only Marketing cookies. If the visitor decides to deny only marketing cookies, you also need to call VineTrack.denyCookies();

It is recommended to repeat the allowCookies or denyCookies call (depending on what the visitor selected in the consent dialog) in every load of each page tracked by Vine.

Example

For example, here is how you can integrate Vine cookies to be used with Osano consent dialog (in its simplest compliance type: “Just tell users that we use cookies”):

<script>

    window.cookieconsent.initialise({
    "palette": {
    "popup": {
    "background": "#000"
    },
    "button": {
    "background": "#f1d600"
    }
    },
    "position": "top",
  
    onStatusChange: function(status) {
    console.log(this.hasConsented() ?
    'enable cookies' : 'disable cookies');
    if (this.hasConsented())
    VineTrack.allowCookies();
    else
    VineTrack.denyCookies();
    },
    });
    
</script>