Cookie Tasting

説明

このプラグインはユーザーがログインしたときにCOOKIEを設定します。
COOKIEをデータストアに利用することができます。
つまり、UIリソースとして使うことができるのです。

表示

このプラグインはhtml要素にクラスを追加します。

• ct-logged-in 現在のユーザーはログイン済みです。
• ct-not-logged-in 現在のユーザーはログインしていません。

CSSで表示のコントロールができます。

.some-element{
  display: none;
}
.ct-logged-in .some-element{
  display: block;
}

JavaScriptでの利用

グローバルオブジェクトCookieTastingが便利です。

• CookieTasting.userName() ユーザー名を返します。ログインしていない場合は「ゲスト」を返します。
• CookieTasting.lastUpdated() 最後にログイン状態をチェックしたときのタイムスタンプを返します。0の場合、ユーザーがログインしていないことを意味します。

さらに、このプラグインはログイン状態を定期的にチェックします。
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.
  }
} );

Reactのようなツールを使っている場合は、setState()でステータスを更新してください。

アクションの前にチェックする

キャッシュされたWordPressを管理し、それを独自テーマでカスタマイズしている場合、動的なUIコンポーネントをJavaScriptで実装するのはよいアイデアです。

重要なアクションの直前にユーザーの認証情報を確認することができます。

// 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';
  } );
} );

あなたのスクリプトにcookie-tasting-heartbeatへの依存関係を追加しておくのを忘れないようにしてください。

UUIDを利用する

このプラグインはデフォルトでそれぞれのユーザーにUUIDを設定します。これは……

• ログインしたそれぞれのユーザーにユニークなもので、user_metaに保存されます。
• ログインしていないユーザーにも保持されます。

これでGoogle Analyticの User ID ビューに使うことをができます。

const uuid = CookieTasting.get( 'uuid' );
// For Google Analytics.
ga( 'set', "userId", uid );