Jeffrey Zinn

Brandon Dove

nateconley

Allow users to have control of what scripts are loaded.
Scripts are grouped together (Required, Marketing, Analytics, etc). You can also lock a group, so that a user cannot disable a script within that group (think WordPress or Stripe cookies).
We strongly encourage you to perform an audit of you site to find out what scripts may be tracking users. Scripts that track users could include such things as: analytics scripts, CRM scripts, tracking pixels, and more.
Use the shortcode <code>[gdpr_visitor_consent]</code> to create a user preferences page. Using this shortcode, a user can change their GDPR preferences at a later date.
<h3>Developer API</h3>
You can add your script in a dropdown in the admin screen using the filter <code>gdprvc_third_party_script( $scripts );</code>
Example (PHP):
<pre><code>function add_third_party_script( $scripts ) {

 $scripts[] = array(
 'slug' => 'third-party-script',
 'label' => 'Script Label',
 );

 return $scripts;

}
add_filter( 'gdprvc_third_party_scripts', 'add_third_party_script', 10, 1 );
</code></pre>
You can then use the JavaScript API in the browser to control your scripts on the front-end
Example (JavaScript):
<pre><code>window.gdprvc_is_accepted( 'slug' );

// returns true/false
</code></pre>
You can also use our helper function to parse your script containing <code><script></code> and <code><img></code> tags. This will automatically place your JavaScript in a conditional and remove <code>src</code> attributes until a user has consented.
Example (PHP):
<pre><code>add_action( 'wp_head', 'your_wp_head' );

function your_wp_head() {
 // Check for GDPR Visitor Consent Plugin
 if ( function_exists( 'gdprvc_parse_script' ) ) {
 echo gdprvc_parse_script( 'your script as a string', 'slug' );
 return;
 }
 // Echo normally if plugin is not active
 echo 'your script as a string';
}
</code></pre>
<h3>Browser Compatibility</h3>
Chrome 
 ✓ Admin Editing 
 ✓ Front-end functionality 
 ✓ Front-end styles
Firefox 
 ✓ Admin Editing 
 ✓ Front-end functionality 
 ✓ Front-end styles
Safari 
 ✓ Admin Editing 
 ✓ Front-end functionality 
 ✓ Front-end styles
Edge 
 ✓ Admin Editing 
 ✓ Front-end functionality 
 ✓ Front-end styles
IE11 
 ✘ Admin Editing 
 ✓ Front-end functionality 
 ✓ Front-end styles
IE10 
 ✘ Admin Editing 
 ✓ Front-end functionality 
 ✘ Front-end styles
IE9 
 ✘ Admin Editing 
 ✓ Front-end functionality 
 ✘ Front-end styles

GDPR Visitor Consent

Allow users to have control of what scripts are loaded.

wipeoutmedia

Safely add CSS, JavaScript, PHP or HTML to unique code blocks, then choose where it goes on your site. For even more power, get our free AI-powered snippet plugin here: <a href="https://wpsnippets.ai/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">WP Snippets AI</a>
<h3>IDEAL FOR:</h3>
<ul>
<li>Making CSS front-end changes – No need to modify theme files or work with tedious built-in theme options. Just create a CSS code block.</li>
<li>Adding site functionality – Stop adding plugins for simple tasks as they can slow down your site. Create a JavaScript or PHP code block instead.</li>
<li>Adding widgets, code snippets and third-party scripts – Code blocks are perfect for adding scripts such as Google Analytics and chat widgets to your website.</li>
</ul>
CJT is built on the concept of a code block. Each code block is more than just a code editor. It also contains a location editor so you can click the sections of your website you want your code to run.
It was designed for super-fast development without any cumbersome page refreshing. Create as many code blocks as you need and see all of your code and locations in the one dashboard. Don’t worry, CJT has been optimised to handle 100’s of code blocks and thousands of locations (i.e. Pages, Posts, Categories, Custom Posts, etc).
<a href="https://css-javascript-toolbox.com/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">Click for CSS & JavaScript Toolbox PLUS</a>
<h3>FEATURES:</h3>
<ul>
<li>Easy to use ‘code blocks’ interface</li>
<li>Powerful code editor</li>
<li>Intuitive assignment panel (click where your code goes)</li>
<li>Code/script library management</li>
<li>Add code to the header or footer hook</li>
<li>PREMIUM Add code to entire website, all posts, etc</li>
<li>PREMIUM Add code via shortcodes, widgets, Gutenburg blocks, etc</li>
<li>PREMIUM Add code via tags, URLs, regular expressions</li>
<li>PREMIUM 8 additional hooks for more precise assignments</li>
<li>PREMIUM Invert feature (run code everywhere but …)</li>
<li>PREMIUM Editor tools (code auto complete, beautify/minify, etc)</li>
<li>PREMIUM Code revisions system</li>
<li>PREMIUM Backup and export/import system</li>
</ul>
<a href="https://css-javascript-toolbox.com/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">Click for CSS & JavaScript Toolbox PLUS</a>
<h3>OVERVIEW VIDEO</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/vYAKePVgJqE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

CSS & JavaScript Toolbox

Add CSS, JavaScript, PHP and HTML code snippets to your site. For AI-powered snippets, get our free plugin here: wpsnippets.ai

GDPR Visitor Consent vs CSS & JavaScript Toolbox