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 );