How to set up a consent banner


Trackers on your website are putting you at risk of GDPR violations by identifying users before obtaining their consent to be tracked.

These trackers (think Google Analytics, Facebook Like Button, etc.) may transmit user data as soon as the page loads, but according to the European Court of Justice, website owners are responsible for obtaining user consent before tracker initialization.

Concord isolates risky and potentially infringing trackers from your website until user consent is obtained to supercharge your GDPR compliance and respect your users privacy.

Step 1
Configure and install Concord

Find the Facebook Like button HTML element and Javascript snippet in your source code and copy it into a Consent Configuration.

We used the following options to migrate our Facebook Like button to Concord.

Consent Configuration

Consent URL
Diagnostic Mode
Tracker Name
facebook like button
Tracker Code
<script src="[YOUR_INIT_VARS]>" async="true" defer="true" crossorigin="anonymous"></script> <div class="fb-like" data-href=""></div>

With Diagnostic Mode on, Concord has no effect on our site.

Step 2
Check the Response Headers on your Consent URL

If we navigate to our Consent URL in Diagnostic Mode, Concord will tell us what it would do in the following Response Headers:

  • Concord-Matching-Route:
  • Concord-Route-Trackers-Found: 1

These headers are only returned for routes with a matching Consent URL. Concord found a match and would insert one tracker on this route if Diagnostic Mode was turned off.

Step 3
Remove the Facebook Like button from your source code

Concord isolates your trackers from your source code to ensure risky trackers that put you at risk for GDPR violations don't initialize before user consent. Find the Facebook Like button HTML element and Javascript snippet in your codebase and delete it.

Step 4
Turn Diagnostic Mode off in your Consent Configuration

Now that we confirmed that Concord is correctly configured in Step 2, we can set Diagnostic Mode: false to allow Concord to run normally.

Step 5
Visit your site to see Concord in action

When you navigate to your Consent URL, the Consent Banner will appear. The Facebook Like button is isolated from your source code until consent is obtained. The Facebook Like button loads once you provide consent!

To minimize your GDPR compliance liability, Concord isolates your Trackers from your source code to ensure risky trackers do not initialize before obtaining user consent.