概要
Webサイトにデモを埋め込む方法として、*通常の埋め込み* のほかに スタートボタン付き埋め込み を選択できます。
スタートボタン付きの場合、ページを開いた時点ではサムネイル画像+「デモを開始する」ボタンが表示され、ボタンをクリックした時点でデモが起動します。
ページ読み込み時に自動でデモが起動しないため、訪問者に「見るかどうか」の選択肢を与えることができます。
埋め込みコードの取得手順
1. コンテンツ一覧で、埋め込みたいコンテンツの「︙(ドットメニュー)」をクリックしてください
2. 「埋め込みコード」を選択してください
3. 「埋め込みコード」モーダルが開きます
4. 「スタートボタン付き」 タブをクリックしてください
5. 「クリップボードにコピー」をクリックして、コードを取得してください
スタートボタンありのUI
取得したコードをHTMLファイルの埋め込みたい箇所に貼り付けると、スタートボタン付きのデモが表示されます。
推奨する場面
・LPやコンテンツページでデモを目立たせたい
・ページ読み込み速度を優先したい
・訪問者に「見るかどうか」を選ばせたい
注意点
• 埋め込み先のWebサイトのレイアウトに合わせて、コード内のスタイル(高さ・幅など)を調整してください
• サムネイルはコンテンツのサムネイル画像が使用されます。サムネイルが設定されていない場合はデフォルト画像が表示されます
• 埋め込みコードは「公開中」のコンテンツのみ正しく動作します
