Fumiki Takahashi

TAROSKY INC.

<p>This plugin sets user cookie when user is logged in.<br />
You can use cookie as data store,<br />
so you can use it as UI resource.</p>
<h4>Visibility</h4>
<p>This plugin adds class to <code>html</code> element.</p>
<ul>
<li><code>ct-logged-in</code> The current user is logged in.</li>
<li><code>ct-not-logged-in</code> The current user is anonymous.</li>
</ul>
<p>You can control elements visibility with CSS.</p>
<pre>.some-element{
  display: none;
}
.ct-logged-in .some-element{
  display: block;
}</pre>
<h4>From JavaScript</h4>
<p>You can use Global Object <code>CookieTasting</code> for utility.</p>
<ul>
<li><code>CookieTasting.userName()</code> Returns user name. If not logged in, returns ‘Guest’.</li>
<li><code>CookieTasting.lastUpdated()</code> Returns timestamp of last log in check. If this equals 0, it means that user is anonymous.</li>
</ul>
<p>Besides that, this plugin checks periodically log-in status.<br />
You can handle it with jQuery.</p>
<pre>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.
  }
} );</pre>
<p>If you use react or something, updated the status with <code>setState()</code>.</p>
<h4>Check Before Action</h4>
<p>If you manage cached WordPress and customizing your own theme,<br />
It’s a good idea to implement dynamic UI components with JavaScript.</p>
<p>You can check user’s credential just before important actions.</p>
<pre>// 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';
  } );
} );</pre>
<p>Plese remember adding dependency for <code>cookie-tasting-heartbeat</code> to your script.</p>
<h4>Handle UUID</h4>
<p>By default, this plugin set UUID for each user. This will be…</p>
<ul>
<li>Unique for each logged in user and will be saved as user_meta.</li>
<li>Also kept for anonymous user.</li>
</ul>
<p>So you can use it for Google Analytic’s <a href="https://support.google.com/analytics/answer/3123662" rel="nofollow ugc">User ID View</a>.</p>
<pre>const uuid = CookieTasting.get( 'uuid' );
// For Google Analytics.
ga( 'set', "userId", uid );</pre>


Cookie Tasting

nice idea !!!

Detect user login only with cookie. The best helper for cached WordPress sites.

Cookie Tasting vs Cookiebot by Usercentrics – Automatic Cookie Banner for GDPR/CCPA & Google Consent Mode