Caching Compatible Cookie Opt-In and JavaScript
This lightweight plugin closes the gap between the annoying need for a cookie-banner to opt-in to some scripts (third party tracking, …) and super fast websites enabled by server-side caching plugins like WP Fastest Cache, W3 Total Cache and so on. It is very simple: * A visitor makes his selection by clicking the buttons in the cookie banner (use all cookies or use only necessary cookies) * The selection is stored in a cookie * Now after every page load our JS checks the cookie and asynchronously fetches the allowed scripts depending on the users selection * You can also place shortcodes with inline scripts and html in your content with the same functionality and inline-warnings if no optin was made * You can also place a shortcode to show the visitor his decision and allow him to revoke that decision, which seems necessary if you want to be gdpr compliant with your cookie solution Our documentation including information on action and filter hooks can be found here
Cookie Tasting
This plugin sets user cookie when user is logged in. You can use cookie as data store, so you can use it as UI resource. Visibility This plugin adds class to html element. ct-logged-in The current user is logged in. ct-not-logged-in The current user is anonymous. You can control elements visibility with CSS. .some-element{ display: none; } .ct-logged-in .some-element{ display: block; } From JavaScript You can use Global Object CookieTasting for utility. CookieTasting.userName() Returns user name. If not logged in, returns ‘Guest’. CookieTasting.lastUpdated() Returns timestamp of last log in check. If this equals 0, it means that user is anonymous. Besides that, this plugin checks periodically log-in status. You can handle it with jQuery. jQuery( document ).on( 'cookie.tasting', function( event, response ) { if ( response.login ) { // User is logged in. // If you use React... setAttributes({ name: CookieTasting.userName() }) } else { // User is not logged in. } } ); If you use react or something, updated the status with setState(). Check Before Action If you manage cached WordPress and customizing your own theme, It’s a good idea to implement dynamic UI components with JavaScript. You can check user’s credential just before important actions. // Click action for button. $('.read-more').click( function( e ) { e.preventDefault(); // Check cookie before do something. CookieTasting.testBefore().then( function( response ) { // Now user has fresh information. // Load premium contents. loadPremiumContents(); }).catch( function( response ) { // This user is not logged in. // Redirect them to login page. window.locaion.href = '/wp-login.php'; } ); } ); Plese remember adding dependency for cookie-tasting-heartbeat to your script. Handle UUID By default, this plugin set UUID for each user. This will be… Unique for each logged in user and will be saved as user_meta. Also kept for anonymous user. So you can use it for Google Analytic’s User ID View. const uuid = CookieTasting.get( 'uuid' ); // For Google Analytics. ga( 'set', "userId", uid );
