メインコンテンツにスキップ
すべてのコレクションチュートリアル埋め込み
チャットボットのスクリプト埋め込み
チャットボットのスクリプト埋め込み
Hanasaki avatar
対応者:Hanasaki
1年以上前に更新

■ デザインページ > 設定 > スクリプト で埋め込むスクリプトを設定する

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

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

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

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

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

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

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

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

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

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

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

■ 挿入先は head か? body か?

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

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

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