ページタブ(β)では、サイト内の要素のブロック化、編集〜更新までをシームレスに行えます。

本機能はβ版となります。今後、機能の内容・仕様が大幅に変わったり、機能自体の提供を終了する可能性があります。
機能自体が終了する場合にはあらかじめアナウンス致しますが、使用される際はご注意ください。

ページタブでできること

ページタブでは主に以下のことが行えます。設定方法の詳細は後述します。

  • ブロックの登録
  • ブロックの編集、配信
  • 配信条件ごとの表示確認

ページタブの構成

ページタブは大きく4つのエリアから構成されています。

  • ①配信条件エリア
    • 配信条件を切り替えるエリア
  • ②左エリア
    • ブロックの要素をHTML構造で表示したり、特定の要素をブックマークできるエリア
  • ③右エリア
    • 選択した要素のテキスト・画像・リンクURLの指定、その他細かいデザインの調整や属性の付与などを行うエリア
  • ④中央エリア
    • 編集したい要素の選択や、編集内容のリアルタイムプレビュー確認ができるエリア

null

ブロックを登録する

ブロックの編集はせずに、登録したブロックの効果(表示数、クリック数)を計測、確認したい場合は、以下の方法でブロックを登録してください。

  • ①配信条件エリアから「オリジナル」を選択します
  • ④中央エリアから登録したい要素を選択し、「オリジナルブロックを登録」をクリックします
  • 登録したいブロックが複数ある場合は、同様の手順を行います
  • 右上の保存して配信をクリックします

null

以上でブロックの登録は完了です。ブロックの効果はブロックリスト画面でご確認ください。

参考:ブロック毎の数値を確認する

ブロックを編集、配信する

基本的な編集の流れ

null

  • ①配信条件エリアから、編集したい配信条件、パターンを選択します
  • ④中央エリアから編集したい要素を選択し、クリックすると選択モーダルが表示されます。
    • 編集、非表示、前後にブロックを追加、ライブラリからインポート、利用シーンに応じて使い分けてください。
  • 編集をクリックすると③右エリアが表示されますので、ここから指定した要素を編集できます。
    • テキスト・画像などの変更は、上記のイメージの通り、直感的な操作で簡単に行うことができます。
  • 編集が完了したら、右上の「編集を終了」をクリックします。
  • 一つのブロックではなく、複数のブロックをまとめて編集して配信する場合は、同様に編集したい要素を選択→編集し「編集を終了」を繰り返してください。

以上で編集は完了です。

中央エリアでの表示について

ブロックの状態によって、以下のような表示がされます。(各ブロックをホバーすると、ブロック左上に説明が出てきます。)

null

  • ①:オリジナルブロック
    • 未編集でブロックの登録のみ行われている場合
  • ②:編集済みブロック
    • 同一の配信条件・パターンで既に編集済みの場合
  • ③:前後追加ブロック
    • 緑枠が追加元のブロック、オレンジが追加したブロック
  • ④:非表示ブロック

応用的な編集

画像+テキストなど複数の要素を一つのブロックとしてまとめて選択、編集したい

以下のように画像+テキストを含む要素を一つのブロックとしてまとめて編集する場合、編集をクリックしても右エリアにはフォームが表示されません。左エリアのレイヤーを開くから、編集したい要素をクリックして編集してください。

null

HTML/CSS/JSを直接編集する

ノーコードでの編集ではなく、HTML/CSS/JSのコードを直接編集することができます。エディターの幅を変更することも可能です。

null

ページタブでブロックを編集する際の注意点

  • 既にオリジナルブロックとして登録済みのブロックを編集する場合、以下の理由からオリジナルブロックで登録されているブロックと同じブロックを編集する(ブロックの粒度を合わせる)ことを推奨しています。
    • ブロックリスト側に、登録済みのオリジナルブロックと編集済みの別ブロックが作られ、管理が煩雑になる場合がある
    • ブロック編集、配信後のブロック別効果を正確に把握することが難しい
  • ページタブからブロックを配信した場合、ブロックリスト側で表示されるブロック名は一律「ブロック」になります。 管理・運用などの目的でブロック名を変更したい場合は、ブロックリストタブで対象のブロックの「...」 →オリジナルブロックの詳細を選択して名称を変更してください。

ブロックを配信する

  • 編集が終わったら、右ペイン右上の「編集を終了」ボタンをクリック
  • 再度、配信条件を確認し、問題なければ右上の保存して配信ボタンをクリック。これで編集内容が本番に配信されます。

null

ブロック配信における注意点

  • 配信ボタンをクリックしないと本番サイトに設定内容は反映されません。
  • 配信ボタンを押してから、実際に配信されるまで数秒から十数秒かかります。またブラウザでキャッシュが効いている場合、変更内容の反映には多少時間がかかることがあります。
  • 本番サイトに全体配信する前にテスト配信を行うことを推奨としています。必要に応じてご活用ください。
  • 配信したブロックが表示されない場合は、ブロックが正しく更新されない場合のチェックポイントをご確認ください。

よくある質問

  • 配信条件を付け直して配信することはできますか?(例:元々テスト用で編集していた内容を全員に切り替えて配信する)
    • ページタブからは配信条件の付け直しはできませんので、ブロックリスト側から設定してください。
  • ページタブで編集したブロックのスクリーンショットがブロックリストでうまく表示れません。
    • ブラウザの拡大率を変更している場合や、ディスプレイにつないでBlocksの管理画面を表示している場合、スクリーンショットの位置がずれることがあります。

#karte_blocks