ブロック一覧

• ブロックと対応するアプリバージョンについて

  Block UIの画面をアプリで表示するには、追加したブロックの対応バージョン以上にアプリをアップデートする必要があります。

  ご利用いただく際には、以下の対応表をご確認いただき、公開されているアプリが対応バージョン以上にアップデートされているかを確認の上ご設定ください。

  参考：『アプリのバージョンを確認する方法』

  ブロック名	OSアプリの対応バージョン	Androidアプリの対応バージョン
  タイトル	10.0以降	10.0.0以降
  テキスト	10.0以降	10.0.0以降
  タイトル+ボタン	10.15以降	10.15.0以降
  画像	10.15以降	10.15.0以降
  ポイントカード (有償オプション)	10.22以降	10.23.0以降
  出しわけ	出し分け先に配置されているBlock UIのブロックに準じる	10.31.0以降かつ出し分け先に配置されているBlock UIのブロックに準じる
  カルーセル※1	10.44.0以降	10.44.0以降
  ボタン	10.44.0以降	10.44.0以降
  横スクロール ※1	10.00以降	10.00以降
  グリッド ※1	10.00以降	10.00以降

   

  ※1 レイアウトブロック（横スクロール・グリッド・カルーセル）については、データ種類やアイテムによって対応バージョンが異なります。複数の条件に合致する場合、一番バージョンの数値が大きい条件が適用されます。

  条件	iOSアプリの対応バージョン	Androidアプリの対応バージョン
  「直接指定」を設定	10.39.0以降
  「テキスト×1アイテム」を設定	10.44.0以降
  「動画アイテム」を設定	10.58.0以降
  カルーセルで「データ参照」を指定 or テキストありアイテムを指定	10.64.0以上
  コンテンツ参照先にショップ機能を設定	10.70.0以降
  「カード型アイテム」を設定	10.75.0以降

   

  なお、記載している対応バージョン未満のアプリで該当ブロックが含まれる画面を閲覧した際、以下のような動作となります。対応バージョン以外での挙動については保証できかねますので、何卒ご了承ください。

  条件	iOSアプリの挙動	Androidアプリの挙動
  iOS10.0より前 Android10.0.0より前	タブバーに設定した場合： ページが表示されない リンク遷移先に設定した場合： タップしても何も起きない、反応しない	タブバーに設定した場合： ページが表示されないリンク遷移先に設定した場合： 「不正なアプリ起動だったため、再起動しました」のトーストが表示され、ホーム画面（タブバー一番左）に遷移する
  iOS10.0以降 Android10.0.0以降	Block UIの画面は閲覧できるが、対応バージョン以下のブロックが表示できない。 対象外のブロックは表示されず、ブロックの下に追加したブロックが上に詰まる状態で表示される。もしくは対象外のブロックの表示崩れ・動作不備等が発生する可能性がある。
  iOS10.39.0以降 Android10.39.0以降	Block UIの画面は閲覧できるが、対応バージョン以下のブロックを表示しようとした場合、ブロックの領域に以下のメッセージが表示される。 「このコンテンツを表示するには最新のアプリにアップデートしてください」
  コンテンツ参照先にショップ機能を設定したブロック	位置情報を許可していない場合と同様の挙動

   

  ご注意

  • カルーセルブロックの「データ参照」を指定 or テキストありアイテムを指定について、対応バージョン以下のアプリで見た場合、OS差分があります。
    • iOS：「表示するコンテンツがありません」と表示される
    • Android：表示されるが、表示崩れが発生する可能性がある

   

  更新履歴

  • 2023年9月28日 カード型アイテムについて追記
  • 2023年8月20日 
  • 2023年6月28日 カルーセルの対応バージョンについて※1 を更新、ご注意を追記
  • 2023年5月12日 横スクロール、グリッドに*1条件を追加
  • 2023年1月30日 横スクロール、グリッドを追加
  • 2022年11月18日 出し分けブロックを追加

• アイテムとは

  アイテムとは、ブロック内に繰り返し配置される要素を示します。
  新コンテンツ管理画面では、アイテムに共通してマージン・パディング・枠線・背景色・角丸・シャドウ等のアピアランスを設定することができます。

  

• タイトルとは

  

  ページ上にタイトルテキストを配置できるブロックです。

  画像の赤く囲った箇所がタイトルになり、見出しなどに活用いただけます。

  なお、タイトルは最大1000文字まで設定できます。

   

  ご注意

  • タイトルブロック、タイトル+ボタンブロック、テキストブロック、ボタンブロック、ポイントカードブロックにて、マージン+パディング+枠線の横幅が150を超過すると、iOSアプリにて全てのレイアウトブロックの表示が崩れる場合がございます。
    設定値を150以内に収めていただくようお願いいたします。

   

  更新履歴

  • 2023年8月30日 ご注意を追記

• 出し分けブロックとは

  ユーザーのフォーム回答値や属性などに合わせてパーソナライズされたコンテンツを表示することができるブロックです。

  コンテンツ参照先としてブロック出し分け機能を設定できます。

  ブロック出し分け機能の操作方法については、下記サポートページをご参考ください。

  参考：『ブロック出し分けとは』

  参考：『ブロック出し分けを設定する前に』

  参考：『ブロック出し分けを設定する』

  

   

  ヒント

  • コンテンツ参照先として設定できるのはブロック出し分け機能のみです。既存の出し分け機能は設定できません。
  • CMS上でのアプリプレビューには対応していません。アプリ上での見え方はプレビューヤプリで確認してください。

• カルーセルブロックとは

  従来のフリーレイアウト機能などでご利用いただける、カルーセルの表現ができるブロックです。

  入稿したアイテムが中央に吸着し、左右コントロールやインジケータ、アニメーションの細かい表現ができるようになります。

  また、アイテムは1つのブロックで最大6個まで表示することができます。

  

   

  アイテム１つのみの設定は推奨していません。CMSプレビューとアプリで見え方が異なるので注意してください。

  アイテムが１つの時のCMSのプレビュー画面	アイテムが１つの時のアプリ
  ループ設定がONの場合、１つのアイテムが連続して表示されます 左右コントロールがONの場合、表示されます インジケータがONの場合、表示されます	ループ設定がONの場合、１つのアイテムが単独で表示されます 左右コントロールがONの場合、表示されません インジケータがONの場合、表示されません
  ※ループ設定・左右コントロール・インジケータ全てをONにした場合の見え方

   

  また、スケールONの設定はCMSプレビューでは反映されません

  CMSのプレビュー画面	アプリ

   

  ご注意

  • ブロックを設定する前に、必ずストアにリリースされているバージョンが対応バージョンを満たしているかご確認ください。
    参考：『ブロックと対応するアプリバージョンについて』
    参考：『「このコンテンツを表示するには最新のアプリにアップデートしてください」と表示が出ます』

   

  更新履歴

  • 2023年3月3日 本ページ公開

   

   

• ボタンブロックとは

  ボタンブロックとは、タップできるボタンの表現ができるブロックです。アクセサリを左右のどちらかに設定することができます。

  ボタン用の画像を用意せずとも、CMS上で背景色・文字入力をするだけで、以下参考画像のようなボタンが配置できます。また、背景画像を設定することも可能です。

  

   

  ご注意

  • ブロックを設定する前に、必ずストアにリリースされているバージョンが対応バージョンを満たしているかご確認ください。
    参考：『ブロックと対応するアプリバージョンについて』
    参考：『「このコンテンツを表示するには最新のアプリにアップデートしてください」と表示が出ます』
  • タイトルブロック、タイトル+ボタンブロック、テキストブロック、ボタンブロック、ポイントカードブロックにて、マージン+パディング+枠線の横幅が150を超過すると、iOSアプリにて全てのレイアウトブロックの表示が崩れる場合がございます。
    設定値を150以内に収めていただくようお願いいたします。

   

  更新履歴

  • 2023年8月30日 ご注意を更新
  • 2023年3月3日 本ページ公開

• 動画アイテムとは

  動画アイテムとは「グリッドブロック」及び「横スクロールブロック」に動画を配置することができるアイテムです。

  

   

  配置した動画の自動再生や、ループ再生を設定することで、アプリでの表現を広げることが可能です。

  再生タイプの挙動は以下の通りです。

  1件の動画をループ再生	表示エリア内の動画のうち、1件の動画をループ再生します 再生中の動画が表示エリア外になった場合、他の動画の再生を開始します
  1件の動画を順に再生	表示エリア内の動画のうち、1件の動画を1度だけ再生します 再生完了後にサムネイルの表示に切り替わります 再生中の動画が表示エリア外になった場合、他の動画の再生を開始します
  1件の動画を1回再生	表示エリア内の動画のうち、1件の動画を再生します 再生完了後にサムネイルの表示に切り替わり、次の動画を再生します 再生中の動画が表示エリア外になった場合、他の動画の再生を開始します
  すべての動画をループ再生	表示エリア内のすべての動画をループ再生します
  すべての動画を1回再生	表示エリア内のすべての動画を1度だけ再生します 再生完了後にサムネイルの表示に切り替わります

   

  ご注意

  • 再生できるのはメディア管理から入稿した動画のみとなります
  • Vimeo、Youtubeから入稿したビデオ機能を参照先として設定した場合には、サムネイルが表示されるものの、自動再生は行われません
  • 再生タイプで「1件の動画を〜」の再生タイプを選択した場合、左上にある動画が再生されます

• 動画アイテムの再生タイプにおける推奨設定

  グリッドブロック・横スクロールブロックで利用できる動画アイテムには、推奨設定がございます。

  

  グリッドブロックでカラムが1の時

  • 1件の動画を再生
  • 1件の動画をループ再生
  • 1件の動画を順に再生

  グリッドブロックでカラムが2の時

  • 1件の動画を順に再生

  横スクロールブロックの時

  • 1件の動画を再生
  • 1件の動画をループ再生
  • 1件の動画を順に再生

   

  ご注意

  • 「1件の動画を再生」「1件の動画をループ再生」「1件の動画を順に再生」を設定すると、常に画面左上に表示されている動画が優先的に再生されます
  • 「1件の動画を再生」または「1件の動画をループ再生」を設定した場合、以下の動画アイテムが再生されない可能性がありますのでご留意ください
    • グリッドブロックで２カラムのレイアウトを設定した場合の、2カラム目（右側）に表示されている動画アイテム
    • 各ブロックの末尾の動画アイテム
  • 「すべての動画をループ再生」「すべての動画を再生」を設定した場合、当該画面を閲覧し、動画を視聴したアプリユーザーの端末で多くの通信量が発生することが予想されますので、設定の際はご注意ください。
  • 複数ブロックを配置する場合、端末の表示領域内に動画が６つに収まるように配置することを強くお勧めします※端末幅によって動画の表示数は異なるので余裕を持った設定をお勧めします
  • グリッドの２カラムの場合、１ブロックにつき動画は６つまでに収めることを強く推奨します
    これらを超過した場合、特にAndroid端末で動作が重くなる・クラッシュする場合があります