メインコンテンツにスキップ

チャットボットのスクリプト埋め込み

Hanasaki avatar
対応者:Hanasaki
2週間以上前に更新

dpdp では、外部のチャットサービス等のスクリプトの埋め込みが可能です。

具体的な埋め込みの手順について以下に説明します。

1)デザインページ > 設定 > スクリプト を開き、埋め込むスクリプトを設定する。

スクリプトに名称を付け、外部のサービスで取得したスクリプトを貼り付けます。

2)設定後にサイトを公開すると、下図のように head と body にスクリプトが挿入されます。

■ 挿入先は head か? body か?

と迷われる場合もあるかもしれませんが、それは各サービス側で指示されています。

たとえば、intercom では body に、gogoleアナリティクスなら head に挿入するよう書いてあります。
サービス側でスクリプトコードをコピーしたところに、HTMLのどこどこに入れてくださいと指示が書いてあるはずですので、指示された場所に入れてください。

注)プレビュー画面でページ遷移の際、「読み込み中」と表示される場合、されない場合。

スクリプト設定では、全ページに共通して挿入するスクリプトと各ページで追加で挿入するスクリプトを設定できます。

各ページで追加で挿入するスクリプトを設定した場合は、プレビューでページ遷移した際に「読込中」が表示されます。
元となるHTML(スクリプトを埋め込んだHTML)を再リクエストするためです。

全ページ共通だけなら、どのページに遷移しても元となるHTMLは共通なので、ページ遷移の際に「読込中」は表示されません。

▼ 具体的には、以下のパターンのページ遷移を行った際に「読み込み中」が表示されます。

・追加スクリプトがあるページ から 追加スクリプトがあるページ へ遷移する時

・追加スクリプトがあるページ から 追加スクリプトがないページ へ遷移する時

・追加スクリプトがないページ から 追加スクリプトがあるページ へ遷移する時

(いずれも元となるHTMLが変わる可能性がある時)

なお、この現象については公開後のサイトでは発生しません。あくまでプレビュー画面のみの話です。

こちらの回答で解決しましたか?