2

HTML側で下記のような構造だったとします。

<head>
    ~
    <script src="A.js">
</head>
<body>
    ~
    <script src="B.js">
</body>

「A.js」は具体的にはGoogleAnalyticsの解析タグで、便宜的に「A.js」と書きます。
ここで宣言されているga関数を「B.js」で使いたく考えています。

読み込む順序的にbody側に記述すれば行けるかなと思ったのですが、Chromeでは数回に1回、IEではほぼ毎回「A.js」より前に「B.js」のロードが完了しエラーが返されます。

「A.js」には手を出せず、HTML本体も「B.js」をロードする以外は手を出すことができない状態で、「B.js」側で「A.js」がHTMLで読み込みが完了しているかどうかを判定する方法があればご教示頂ければと思います。

2
  • 2
    scriptタグはasyncやdeferを指定しない限り書かれた順番に実行されることが保証されています。何か別の問題があるのでは。
    – int32_t
    Commented 2015年5月29日 8:51
  • ありがとうございます。 私もそれを想定していたのですが、Chromeでは順番通りにロードされ実行されるのですが、IEではほぼ必ずB.jsのロードが先に完了して実行されてしまうため対処が必要になりました。 Commented 2015年5月31日 23:56

2 件の回答 2

1

普通の関数(ga)が定義済みかどうかだったら、window.ga == undefinedが真ならまだ読み込まれていない(falseなら既に読み込まれている)と判断できると思います。

1
  • ご回答ありがとうございます。 こちらの方法でうまく行きそうなため試したく思います。 Commented 2015年5月31日 23:58
1

今のGoogle Analyticsのコードの場合、< script>タグ内でga関数を定義し終えてしまうため、質問のような現象にはならないはずですが。
JavaScript Snippet Referenceより(i=window、r="ga"です。)

// Creates an initial ga() function.  The queued commands will be executed once analytics.js loads.
i[r] = i[r] || function() {
  (i[r].q = i[r].q || []).push(arguments)
},
1
  • ありがとうございます。BLUEPIXYさんの方法でひとまず試したく思います。 Commented 2015年5月31日 23:58

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。