“HTML編集モード” で「アプリ接客コンテンツ」を作成したい
回答
テンプレートを選択する
「web接客」をクリックします
「web接客を作成する」をクリックします
右上にある「新規作成」をクリックします
「アプリ」を選択し、「適用」をクリックします
「使用するテンプレート」をクリックします
作成したいアプリ接客のイメージに近いテンプレートを選びましょう！
「HTML編集モードでコンテンツを作成」を選択し、「適用」をクリックします
エディター画面にソースコードが表示されるので、こちらでアプリ接客を編集します
アプリ接客の内容を編集する
今回はテンプレートを使って以下のアプリ接客を作成する例を基に、説明していきます！
値を差し込む
差し込みたい箇所にカーソルを合わせ「データ挿入」をクリックします
「データファイル」を選択し、「適用」をクリックします
データファイルが出てこない？？
差し込みで利用するデータファイルは、セグメントで利用しているデータファイルである必要があります。b→dashへのデータ連携と取り込みだけを行ったファイルは表示されないので注意しましょう。
差し込みたい「カラム」を選択し、「適用」をクリックします
差し込みデータ（氏名）が差し込まれます
以下のように差し込みデータ（氏名）が反映されます
今回は値として「氏名」を差し込みましたが、カラムにある他の値も差し込むことができます。
日付を差し込む
差し込みたい箇所にカーソルを合わせ「日付挿入」をクリックします
「表示形式」「プレビュー」を選択し、「適用」をクリックします
日付が差し込まれます
以下のように差し込みデータ（日付）が反映されます
画像を差し込む
画像を差し込みたい箇所にカーソルを合わせ「画像」をクリックします
「画像」を選択し、「適用」をクリックします
画像が差し込まれます
以下のように差し込みデータ（画像）が反映されます
リンクを差し込む
リンクを差し込みたい箇所にカーソルを合わせます
「遷移先リンク」を入力します
遷移先リンクのパターン
遷移先リンクのパターンは、『アプリ内のWebView起動』『アプリ内のリンク』『外部ブラウザの起動』の3つです。
それぞれのソースコードは、以下をご参照ください
アプリ内のWebView起動
<a href="webview://url=https://xxxx.com" rel="noopener noreferrer" target="" ></a>アプリ内のリンク
※遷移先は、「key = ○○」「value = △△」としています
<a href="internal://○○=△△" style="">外部ブラウザの起動
<a href="external://url=https://xxxx.com" rel="noopener noreferrer" target="" ></a>以下のようにリンクが反映されます
これで内容の編集は完了です！
アプリ接客コンテンツには動画ファイルを差し込むこともできます
上記の紹介では出てきていませんが、アプリ接客コンテンツには、コンテンツボックスにアップロードしている動画ファイルを差し込むこともできます。
※コンテンツボックスに動画ファイルをアップロードする方法はこちらを参照ください
カスタマイズを選択しコンテンツを作成する際に「閉じるボタン」を追加する方法
カスタマイズを選択し、HTMLでアプリ接客コンテンツを作成する際に、「閉じるボタン」を追加する方法について説明します。
【参考：アプリ接客における閉じるボタン】
任意の箇所に下記のコードを入力します
<!-- 閉じるボタン Start --> <object id="close-button" button-type="1" width="30" height="30" x="285" y="-15" style="display: none;"></object> <!-- 閉じるボタン End -->
以下のように「閉じるボタン」が反映されます
プレビューで確認する
「プレビュー」をクリックします
プレビューが表示されるので、差し込みなどが表示されているかを確認します
プレビューの確認ができたら、「保存」をクリックします
「名前」を入力し、「保存」をクリックします
web接客コンテンツ一覧に表示されます
以上でアプリ接客（HTML）の作成は完了です！