ブロックブラウザ概要

ブロックブラウザは、KARTE Blocksで施策を設定したりブロックを管理運用していく上で、さまざまなアクションの起点となる重要な画面です。

ブロックブラウザは主に以下のようなシーンで利用します。

任意の一つのURLにおいて、配信設定されている施策やブロック、計測ブロックエリアの情報や効果数値を一覧で確認する
プレビュー表示を切り替えながら、施策の優先度を踏まえたブロックの配信とページの表示イメージをシミュレーションする/共有する
ページの表示イメージを確認しながら、施策の優先度を変更する

本記事では、ブロックブラウザの各画面の機能詳細や操作方法を説明します。

null

ブロックブラウザトップ
ブロックブラウザページプレビュー

1.ブロックブラウザトップ

グローバルナビゲーションからアクセスすると、ブロックブラウザのトップが表示されます。
本画面では、任意のURLを入力してページプレビュー画面を開くほか、よく確認するURLをブックマーク登録して便利に管理できます。

画面構成

null

a. URL入力欄
- ブロックブラウザページプレビューで開きたいURLを入力し、ブロックブラウザのページプレビューを開きます。
b. ブックマーク一覧
- ブックマークの登録 / 管理ができ、ブロックブラウザのページプレビューに遷移できます。

1-1. URLをブックマーク登録する

ブロックブラウザでよく確認するURLをブックマークしておくと、都度URLを入力する手間が減るほか、そのURLに配信設定されている施策数を一覧上で確認できるようになります。

ブックマークしたURLは、契約プランにおける計測PV数としてカウントされませんのでご安心ください。

以下、ブロックブラウザホーム画面においてのブックマークに関する機能の紹介と手順です。

ブックマークを個別に登録する手順

ブックマークを登録ボタンをクリックする
URLを指定して登録 メニューをクリックする
- ブックマークを登録 モーダルが開きます。
必須項目を入力した後保存ボタンをクリックする
- ブックマーク一覧上に追加されていることをご確認ください。

サイトマップから一括登録する

任意のURLをもとに自動取得した一覧上から選んで一括でブックマークを登録する方法です。
特にご利用初期に運用予定のページURLを登録しておくと便利です。

ブックマークを登録ボタンをクリックする
URLを指定して登録 メニューをクリックする
- 一覧からブックマークを登録モーダルが開きます。
- 自動的にサイトマップからURL候補が抽出されます。
ブックマークしたいページをクリックしてチェックし、登録ボタンをクリック
- チェックしたページがブックマーク一覧上に追加されることをご確認ください。

フォルダでブックマークを管理する

フォルダを作成し、ブックマークを分類できます。
「主要ページ」「LP」「特集ページ」などページ種類で分けたり、担当チーム・担当者など運用ルールごとで分けると便利です。

ブックマークの編集 / 削除

各ブックマークの・・・ボタンから操作します。

ブックマークの編集：ブックマークの名前、登録URL、フォルダ、サムネイル画像
ブックマークの削除

2. ブロックブラウザページプレビュー

任意のページURLを選択して、ページをプレビューしたり、配信および計測設定されている施策やブロック、計測ブロックエリアを確認できる画面です。

画面構成

null

a. トップバー
b. ツールバー
c. プレビューエリア
d. リストエリア

2-1. 配信設定されている施策を確認する

施策一覧

デフォルトでは、設定した配信先が選択したURLに合致する(※)施策が一覧に表示されます。
※ 施策の配信ページ設定におけるURL条件と照合します

施策の詳細を確認する

クイックに施策の配信条件のみを確認する方法

▼ボタンをクリックする
- 隠れている詳細情報が表示されます。

配信条件以外の施策の詳細を、画面遷移せずに確認する方法

該当の施策をマウスオーバーする
- 詳細ボタンや・・・ボタンが表示されます
詳細ボタンをクリックする
- リストエリア上に施策の詳細が表示されます

なお、・・・ボタンから施策を編集メニューをクリックすると施策詳細画面を別タブで開きます。

施策の公開ステータスを変更する

施策詳細を開くと、施策の公開ステータスを変更できます。

手順

該当の施策をマウスオーバーする
- 詳細ボタンや・・・ボタンが表示されます
詳細 ボタンをクリックする
- リストエリア上に施策の詳細が表示されます
公開ステータスの項目で公開ステータスを変更する

施策の配信ページ設定によっては、ブロックブラウザで表示しているページURL以外でもブロックの配信が行われていることがあります。 
公開ステータスの変更を行う際、他のページへの影響がないかもチェックしてください。
ブロックブラウザで表示するページURLを切り替えることで他ページにおける配信イメージも確認できます。

施策を絞り込む

公開ステータスやラベル、施策名で一覧に表示する施策を絞り込むこともできます。
null

施策カレンダー

施策一覧をカレンダー形式に切り替えると、施策の配信スケジュールに沿って各施策の公開開始日や終了日を並べて確認できます。
null

2-2. 施策ごとにプレビュー表示を切り替えてページイメージをシミュレーションする

プレビュー表示を切り替える

施策一覧や施策カレンダー上で、施策のプレビュー表示のON/OFFや表示パターンの切り替えを行うと、プレビューエリアの表示内容が更新されます。

プレビュー表示する施策の中で、同じ場所に異なる施策のブロックの配信設定がバッティングしている場合は、施策の優先度に基づいて自動的にプレビューが生成され、実際のページ表示イメージを確認できます。

プレビュー表示のON/OFF：施策リスト内施策左端の切り替えアイコンボタン
- 表示(緑色のアイコン）にする：編集したブロックをプレビュー上で表示する
- 非表示（白のアイコン）にする：編集前のブロック（サイトオリジナルのデザイン）を表示する
表示パターンの切り替え：施策リスト内パターン表示のプルダウン

ブロックブラウザ上でプレビュー表示の切り替えを行なっても、施策の配信自体には影響がありません。
施策の配信に影響がある操作は以下の通りです。

優先度の変更
施策の公開ステータス変更
ブロックエリアやブロックの設定情報の編集（CSSセレクター）や削除

なお、施策リスト部分をクリックすると、その施策で配信設定しているブロック部分がプレビュー上でハイライトされます。
逆に、プレビュー上のブロックをクリックすると、そのブロックが紐づいている施策が一覧やカレンダー上でハイライトされます。
null

プレビュー設定を共有する

確認中のURLとプレビュー設定を他の方に共有することができます。（KARTEアカウントをお持ちの方のみ画面を開けます。）
確認中のURLには、以下の情報が含まれます。

閲覧中のページのURL
リスト側でブロックの表示/非表示を操作した情報
リスト側で各施策の表示パターンを操作した情報
切り替えたデバイスの情報

手順

トップバーの共有アイコンボタンをクリックする
ドロップダウンのリンクをコピーボタンをクリックする
- クリップボードにURLがコピーされます。

2-3. 施策の優先度を変更する

画面全体を優先度変更モードに切り替えることができます。
優先度変更モードでは、施策のプレビュー表示を切り替えてページイメージをシミュレーションしながら、施策の優先度を上下と入れ替えたり、最上/最下に変更できます。
※ 施策設定画面で呼び出すことができる優先度変更モードと同じ機能です。

複数の施策で同じ場所かつ同じユーザーにブロックを配信している場合、優先度の変更で配信され始める/配信されなくなるブロックがある可能性があります。プレビューで意図した表示になっているかを確認して保存しましょう。
詳細：施策の優先度とブロックの計測・配信

手順

トップバーにある優先度を変更ボタンをクリックする
- 画面が優先度変更モードに変わります

各施策の上下のアイコンボタンをクリックして施策の優先度を変更する
null

施策の配信ページ設定によっては、ブロックブラウザで表示しているページURL以外でもブロックの配信が行われていることがあります。 
優先度の変更を行う際、他のページへの影響がないかもチェックしてください。
ブロックブラウザで表示するページURLを切り替えることで他ページにおける配信イメージも確認できます。

2-4. ブロックやブロックエリアの設定や効果を確認する

ブロック一覧

ブロック一覧に表示を切り替えると、該当のURLで配信設定されている施策に紐づいているブロックを一覧で確認できます。
施策名や公開ステータス、ブロックエリアのCSSセレクターなどで一覧を絞り込めます。
ブロックをクリックすると、該当のブロックエリアがプレビューエリア上でハイライトされます。
null

ブロックエリアのCSSセレクターが不一致と表示が出ている場合、現在表示しているURL内で該当の要素が存在していない状態です。 
設定しているブロックが配信されていない可能性がありますので、サイトのHTML構造やブロックエリアのCSSセレクターをご確認のうえ、施策設定画面でブロックエリアの設定を見直してください。