“HTML編集モード” で「web接客コンテンツ」を作成したい
回答
本記事では、b→dashで「web接客コンテンツ」を「HTML編集モード」で作成する方法について紹介しています。
作成手順は、大きく下記の3つです。
1. テンプレートを選択する
2. web接客の内容を編集する
3. プレビューで確認して保存する
各手順の詳細は、以下をご参照ください。
※ GUI編集モードで作成する場合は「”GUI編集モード” で「web接客コンテンツ」を作成したい」をご参照ください
1. テンプレートを選択する
はじめに、「web接客」アプリで「作成したいweb接客のイメージに近いテンプレート」を選択し、「HTML編集モード」で編集画面を開きます。
テンプレートを利用せずにコンテンツをカスタマイズしたい場合は、画面右上の「カスタマイズ」をクリックしてください。
2. web接客の内容を編集する
「閉じるボタン」を追加する
1. 任意の箇所に下記のコードを入力します
<!-- 閉じるボタン Start --> <object id="close-button" button-type="1" width="30" height="30" x="285" y="-15" style="display: none;"></object> <!-- 閉じるボタン End -->
2. 「閉じるボタン」がweb接客コンテンツに反映されたことを確認します
「値」を差し込む
1. 差し込みたい箇所にカーソルを合わせ、「挿入」アイコンをクリックし、「データ挿入」を選択します
2. 利用する「データファイル」を選択し、「適用」をクリックします
※ データファイル選択画面には、セグメントの作成に使用したデータファイルのみが表示されます
データ連携や取り込みを行っただけのデータファイルは表示されませんので、ご注意ください
3. 「差し込みたいカラム」を選択し、「適用」をクリックします
4. web接客コンテンツに差し込みデータ(氏名など)が差し込まれたことを確認します
※ 今回は例として「氏名」を差し込んでいますが、カラムにある他の値も差し込むことができます
「日付」を差し込む
1. 差し込みたい箇所にカーソルを合わせ、「挿入」アイコンをクリックし、「日付挿入」を選択します
2. 「表示形式」と「プレビュー」から利用したいデザインの日付を選択し、「適用」をクリックします
3. web接客コンテンツに日付が差し込まれたことを確認します
「閲覧人数」を差し込む
web接客コンテンツに閲覧人数を表示することができます。
1. 差し込みたい箇所にカーソルを合わせ、「挿入」アイコンをクリックし、「閲覧人数挿入」を選択します
2. 「閲覧対象」「閲覧人数計測対象ページ」「集計タイミング」「最低閲覧人数」を選択し、「適用」をクリックします
3. web接客コンテンツに閲覧人数が差し込まれたことを確認します
「画像」を差し込む
1. 差し込みたい箇所にカーソルを合わせ、画面上部の「画像」をクリックします
2. 差し込む「画像」を選択し、「適用」をクリックします
3. web接客コンテンツに画像が差し込まれたことを確認します
web接客コンテンツには、コンテンツボックスにアップロードしている動画ファイルを差し込むこともできます。差し込む動画ファイルは、以下の仕様及び推奨値を満たしている必要がありますので、利用前にご確認ください。
● 拡張子：「mp4」のみ可能
● 大きさ：横幅が300pxまでの場合はサイズ変更なく表示されるが、300pxより大きい場合はアスペクト比を固定し横幅300pxに変更したものが差し込まれる
● サイズ：1〜5MBを推奨(サイズが大きい場合、ポップアップ表示時に動画表示に時間を要するため、できるだけサイズの小さなファイルを推奨)
※ コンテンツボックスに動画ファイルをアップロードする方法は「コンテンツボックスにファイルをアップロードしたい」をご参照ください
ユーザーがweb接客に挿入しているリンクをクリックした際に、遷移先のwebページを「新しいタブで開く」ように設定するためには、下記のサンプルコードを記載する必要があります。
<a href="https://test-1111.com" target="_blank" rel="noopener noreferrer">こちら</a>
3. プレビューで確認して保存する
1. 画面左側の「プレビュー」で、差し込みなどが表示されているかを確認します
2. プレビューの確認ができたら、「保存」をクリックします
3. 「名前」を入力し、「保存」をクリックします
