KARTE Blocksでブロックが更新されない場合には、下記の項目を確認してください。

更新されない場合のチェックポイント

  • 基本的なチェックポイント
    • 対象のページでBlocksタグが設置されているか?
    • ブロックエリアのCSSセレクタが合っているか?
    • ブラウザのキャッシュが残っていないか?
    • 設定内容がサイトに配信されているか?
  • 応用的なチェックポイント
    • ブロックに設定している配信条件に合致しているか?
    • アクセスした際に未実施グループに割り振られていないか?

基本的なチェックポイント

対象のページでBlocksタグが設置されているか?

  • ブロックを更新したいページにBlocksタグ(builder.js)が埋め込まれているかを確認します。確認方法は下記です。
    • Chrome DevToolsを開く(右クリック→検証をクリック)
    • 検索窓を表示する(Windows:Control+F、Mac:Command+F)
    • 検索窓にbuilder.jsと入力

Blocksタグが設置されていると、下記のように該当のHTMLが黄色にハイライトされます。検索にヒットしない場合はBlocksタグが設置されていない可能性が高いです。

null

  • また、Chrome DevToolsのConsoleタブでbuilder.js関連のエラーが出ていないかを確認します。

null

ブロックエリアのCSSセレクタが合っているか?

  • ブロックエリア指定時のCSSセレクタの設定が正しいかを確認します。
  • 下記の操作を行うことで、該当の要素を検索することができます。
    • 設定時に入力したCSSセレクタの値をコピー
    • ブラウザのdevloper toolを開く(右クリック→検証をクリック)
    • 検索窓を表示する(Windows:Control+F、Mac:Command+F)
    • コピーした値をペースト

CSSセレクタの値が合っていると、下記のように該当のHTMLが黄色にハイライトされます。検索にヒットしない場合はセレクタの指定が誤っている可能性が高いです。

null

  • また、拡張機能を使ったCSSセレクタの指定では、更新ができないケースもあります。詳しくはこちらも合わせてご確認ください。

ブラウザのキャッシュが残っていないか?

  • ブラウザのキャッシュをクリアして試してみてください。Google Chromeの場合は下記ショートカットで行えます。
    • Windows:Shift + F5
    • Mac: shift + command + r

設定内容がサイトに配信されているか?

  • Blocks管理画面で設定した内容はBlocksタグが配信された時点でサイトに反映されます。Blocksタグが配信されているかどうかは、配信履歴ページから確認することができます。

null

応用的なチェックポイント

配信条件で設定しているセグメント条件またはKARTEのセグメントに合致しているか?

ブロックに設定している配信条件で設定しているセグメントに自分が合致しているか確認します。

セグメント条件に合致している確認する方法

ユーザーごとにセグメント条件の値を確認する方法をご確認ください。

KARTEのセグメントに合致しているか確認する方法(KARTEを併用している場合のみ)

セグメント条件は、Cookieではなく、Local Storage(ローカルストレージ)に保存されるため、Chrome DevToolsでLocalStorageを確認します。

①Applicationタブを選択
②Local Storageを選択
③Keyでkrt___segmentsを選択
④Valueがすべて表示される

null

④のvalue内に合致しているセグメントのIDが配列形式で格納されているので、ユーザーストーリー画面で自分がそのセグメントに合致しているの確認します。

未実施グループに割り振られていないか?

  • 配信条件で未実施の割合を設定している場合、設定した割合でブロックの更新が行われなくなります。
  • Chrome DevToolsのコンソールで以下のコマンドを叩くことでコンソール上にログが流れるようになります。
    • __KARTE_REWRITE_ADMIN_CONFIG.util.enable_logger(true)
    • ログを流さないようにする場合は引数をfalseにして再度コマンドを実行してください。
  • その後、コンソール上で以下の値を確認してください。
    • [Conditions]-> isControlForConditionがtrueになっていないか

それでも更新が行われない場合は?

追加の調査を行いますので、チャットサポート担当にお問い合わせください。