■ デザインページ > 設定 > スクリプト で埋め込むスクリプトを設定する
■ 設定後にサイトを公開すると、下図のように head と body にスクリプトが挿入されます
■ プレビュー画面でページ遷移の際、「読み込み中」と表示される場合されない場合
スクリプト設定では、全ページに共通して挿入するスクリプトと、各ページで追加で挿入するスクリプトとを設定できます。
各ページで追加で挿入するスクリプトを設定した場合は、プレビューでページ遷移した際に「読込中」が表示されます。
元となるHTML(スクリプトを埋め込んだHTML)を再リクエストするためです。
全ページ共通だけなら、どのページに遷移しても元となるHTMLは共通なので、ページ遷移の際に「読込中」は表示されません。
▼ 具体的には、以下のパターンのページ遷移を行った際に「読み込み中」が表示されます。
・追加スクリプトがあるページ から 追加スクリプトがあるページ へ遷移する時
・追加スクリプトがあるページ から 追加スクリプトがないページ へ遷移する時
・追加スクリプトがないページ から 追加スクリプトがあるページ へ遷移する時
(いずれも元となるHTMLが変わる可能性がある時)
なお、この現象については公開後のサイトでは発生しません。あくまでプレビュー画面のみの話です。
■ 挿入先は head か? body か?
と迷われる場合もあるかもしれませんが、それは各サービス側で指示されています。
たとえば、intercom では body に、gogoleアナリティクスなら head に挿入するよう書いてあります。
サービス側でスクリプトコードをコピーしたところに、HTMLのどこに入れてくださいと指示が書いてあるはずので、指示されば場所に入れてください。