Installing via Termly's Consent Management Platform

10min
This guide explains how to properly integrate Vector's visitor de-anonymization technology with Termly's Consent Management Platform (CMP). This integration ensures your de-anonymization features only activate when visitors have granted appropriate consent.
Important Privacy Notice
Privacy Compliance Responsibility: As a website operator, you are responsible for respecting your visitors' privacy rights and complying with all applicable privacy laws and regulations (such as GDPR, CCPA, and others). This integration with Termly provides one way to manage visitor consent for de-anonymization technology, but implementing it does not guarantee compliance. Always:
Be transparent about data collection practices
Obtain proper consent before activating de-anonymization features
Honor visitor privacy choices
Maintain up-to-date privacy policies
Regularly review and update your privacy practices
Implementation Overview
This integration ensures your de-anonymization script only loads after a visitor has granted advertising consent through Termly. This respects visitor privacy choices while maintaining functionality for users who opt-in.
1. Add the Consent Monitoring Script
Add the following JavaScript code to your website:
HTML
<script>
function checkAdvertisingConsent() {
    if (window.Termly && typeof window.Termly.getConsentState === 'function') {
        const consentState = window.Termly.getConsentState();
        // IF YOU WANT TO CHECK A PERMISSION OTHER THAN "ADVERTISING", CHANGE THE LINE BELOW
        if (consentState.advertising === true) {
            // START OF YOUR VECTOR INSTALL CODE: REPLACE WITH YOURS
            !function(e,r){try{if(e.vector)return void console.log("Vector snippet included more than once.");var t={};t.q=t.q||[];for(var o=["load","identify","on"],n=function(e){return function(){var r=Array.prototype.slice.call(arguments);t.q.push([e,r])}},c=0;c<o.length;c++){var a=o[c];t[a]=n(a)}if(e.vector=t,!t.loaded){var i=r.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://cdn.vector.co/pixel.js";var l=r.getElementsByTagName("script")[0];l.parentNode.insertBefore(i,l),t.loaded=!0}}catch(e){console.error("Error loading Vector:",e)}}(window,document);
            vector.load("YOUR-INSTALL-CODE-HERE");
            // END OF YOUR VECTOR INSTALL CODE
            return true;
        }
    }
    return false;
}

// Function that will be called when Termly is loaded
function onTermlyLoaded() {
    // Check initial consent state
    checkAdvertisingConsent();

    // Listen for initialization
    Termly.on('initialized', (data) => {
        checkAdvertisingConsent();
    });

    // Listen for consent changes
    Termly.on('consent', (data) => {
        checkAdvertisingConsent();
    });
}

// Add event listener for DOM content loaded to handle cases where Termly loads after our script
document.addEventListener('DOMContentLoaded', (event) => {
    // Check if Termly is already loaded
    if (window.Termly && typeof window.Termly.getConsentState === 'function') {
        checkAdvertisingConsent();
    }
});
</script>
<script>
function checkAdvertisingConsent() {
    if (window.Termly && typeof window.Termly.getConsentState === 'function') {
        const consentState = window.Termly.getConsentState();
        // IF YOU WANT TO CHECK A PERMISSION OTHER THAN "ADVERTISING", CHANGE THE LINE BELOW
        if (consentState.advertising === true) {
            // START OF YOUR VECTOR INSTALL CODE: REPLACE WITH YOURS
            !function(e,r){try{if(e.vector)return void console.log("Vector snippet included more than once.");var t={};t.q=t.q||[];for(var o=["load","identify","on"],n=function(e){return function(){var r=Array.prototype.slice.call(arguments);t.q.push([e,r])}},c=0;c<o.length;c++){var a=o[c];t[a]=n(a)}if(e.vector=t,!t.loaded){var i=r.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://cdn.vector.co/pixel.js";var l=r.getElementsByTagName("script")[0];l.parentNode.insertBefore(i,l),t.loaded=!0}}catch(e){console.error("Error loading Vector:",e)}}(window,document);
            vector.load("YOUR-INSTALL-CODE-HERE");
            // END OF YOUR VECTOR INSTALL CODE
            return true;
        }
    }
    return false;
}

// Function that will be called when Termly is loaded
function onTermlyLoaded() {
    // Check initial consent state
    checkAdvertisingConsent();

    // Listen for initialization
    Termly.on('initialized', (data) => {
        checkAdvertisingConsent();
    });

    // Listen for consent changes
    Termly.on('consent', (data) => {
        checkAdvertisingConsent();
    });
}

// Add event listener for DOM content loaded to handle cases where Termly loads after our script
document.addEventListener('DOMContentLoaded', (event) => {
    // Check if Termly is already loaded
    if (window.Termly && typeof window.Termly.getConsentState === 'function') {
        checkAdvertisingConsent();
    }
});
</script>
﻿
2. Update Your Termly Embed Script
Modify your Termly embed script to include the onload attribute:
HTML
<script 
    type="text/javascript" 
    src="https://app.termly.io/resource-blocker/your-id-here?autoBlock=on" 
    onload="onTermlyLoaded()">
</script>
<script 
    type="text/javascript" 
    src="https://app.termly.io/resource-blocker/your-id-here?autoBlock=on" 
    onload="onTermlyLoaded()">
</script>
﻿
Replace your-id-here with your Termly resource blocker ID.
How It Works
The integration manages de-anonymization consent in several ways:
Initial Page Load: Checks for existing consent before activating any features
Termly Initialization: Verifies consent status when the CMP loads
Consent Changes: Monitors for changes in visitor preferences
Conditional Loading: Only loads de-anonymization technology when explicit consent is granted
Best Practices for Privacy Compliance
Clear Disclosure: 
Clearly explain your use of de-anonymization technology in your privacy policy
Describe what data is collected and how it's used
Be transparent about any data sharing practices
Consent Management: 
Use appropriate consent categories in Termly
Don't activate de-anonymization features without consent
Provide easy ways for visitors to change their preferences
Data Handling: 
Only collect necessary data
Implement appropriate data retention policies
Ensure secure data storage and transmission
Have processes in place for data subject access requests
Regular Review: 
Periodically review privacy practices
Update documentation as needed
Monitor changes in privacy regulations
Maintain records of consent
Troubleshooting
Common Issues
Script Not Loading: 
Verify consent has been granted
Check browser console for errors
Ensure Termly is properly initialized
Consent Detection Issues: 
Confirm Termly embed script is loading
Verify consent categories are properly configured
Check for any JavaScript errors
Getting Help
If you encounter implementation issues:
Review browser console for error messages
Verify all scripts are properly implemented
Check your Termly configuration
Contact support if problems persist
Additional Privacy Resources
Review your local privacy laws and regulations
Consult with privacy professionals when needed
Stay informed about privacy best practices
Regularly audit your privacy compliance
Support
For technical support with this integration, please contact our support team. For questions about privacy compliance or legal requirements, please consult with your legal advisors.
Updated 11 Jan 2025
Did this page help you?
Adding the pixel to your site
Webflow