GoogleタグマネージャのカスタムHTMLを介してページに挿入されたJavaScriptタグの遅延

Question

私はいくつかのカスタムJSをプラットフォームのために厳しく制限されている会社のウェブサイトに入れようとしています（例えば、ベンダーが提供するウェブサイトエディタは自動的にスクリプトタグを削除します）。このような理由から、カスタムHTMLをタグマネージャ経由でカスタムjsスクリプトを挿入しようとしました。

信頼性は低いものの、機能します。時々私のスクリプトは読み込まれますが、ほとんどの時間は読み込まれません。注目すべき点の1つは、私たちのベンダーがタグコンテナを "body"の先頭に挿入し、 "head as"に "script asyn"を持つことだけでした。また、私たちのGTMコンテナは、適切なチューニングをせずに別のデータレイヤーに正しく設定されていませんでした。だから、私の質問は次のとおりです：私のスクリプトを読み込むのにどれくらいの時間がかかるかを、滝のタイプの分析（または実際の選択肢）で確認する方法はありますか？

2）タグマネージャによって読み込まれるスクリプトは、ページのすべてがロードされた後にのみ起動されますか？

3）コードを外部jsまたはインラインで貼り付けています。私のカスタムタグをロードするための確かな方法はありますか？ dataLayerの問題を修正すると、発射スピードも向上しますか？

ありがとうございます！

Answer 1

実際には、GTMの使用、外部ファイルの使用、コードのインライン埋め込みなどの間に大きな違いはありません。他のタグマネージャとは異なり、GTMはリモートサーバからタグを取得しません。その代わりに、javascript関数内のすべてのタグをパッケージし、それをあなたのページにリンクします（これはhttp://www.googletagmanager.com/gtm.js?id=GTM-XXXXXXを呼び出してテストできます。ここで、xxxxxはコンテナのIDです。ローカルコピーを作成し、GTMリクエストをそのローカルコピーにリダイレクトします。ちょうど前と同じように火）。

jsファイルには、設定されているすべてのルールも含まれています。これは、タグがいつ発生するかを決定するルールです。

タグが実行される最も早い時点は、ページの読み込みです。これは、ブラウザがGTMコードをレンダリングする瞬間です。次の（デフォルト）ポイントは、すべての構造要素が作成されているにもかかわらず、すべてのアセットがロードされているわけではありません。ページの読み込み後、カスタムイベントやクリック/サブミットイベントなどを行うことができます。

ご質問として：

1）あなたはただ、他のJSタグのようにGTMタグをデバッグすることができます（たとえば、あなたのブラウザで滝の図を使用し、コンソールをDEV）

2）は第スクリプトが発射されています設定されたルールによって決定されます。タグが起動される最も早い瞬間は、GTMコードが読み込まれたときです。ただし、タグは（デフォルトでは）特定の順序で起動しません。

3）GTM内で問題が発生しているスクリプトには、インラインで貼り付けると問題が発生する可能性があります。 GTMを使用すると、ルールやトリガを評価するためのコードが多く含まれている点を除いて、外部のjsファイルを使用することとあまり変わりありません。