私の古い投稿の翻訳: Google Analytics と WPO Analyzers

Google PageSpeed Insights (およびその他の WPO アナライザー) に対する批判が増えています。Google 独自の主力追跡サービスである Google Analytics がエラーとして報告されるのは矛盾していると多くの人が考えているからです。 「でも、同じ会社のものだよ！」という声が聞こえてきます。

Google Analytics は、他の追跡サービスと同様、ウェブサイトの読み込み中に大量のリソースを消費します。 Google PageSpeed Insights のようなサービスがこれにフラグを立てて最適化できるのは、素晴らしいことです。私にとって、そうしなければ WPO ツールとしての信頼を失うことになるでしょう。ただし、最適化について知らない人がツールのせいにする可能性があることは理解しています。イソップ物語の『キツネとブドウ』を思い出します。

Google Analytics スクリプトを最適化するために使用されるオプションの 1 つは、スクリプトを独自のサーバーでホストし、ブラウザがキャッシュできるように有効期限を設定することです。これは Google が推奨していないことですが、必要なときにいつでもコードを更新できなくなるため、これは当然のことです。 Google の発表によれば、このオプションを選択しない場合は、数時間ごとに Google Analytics スクリプトをダウンロードする CRON ジョブを設定することで、この問題を簡単に解決できます。

もう 1 つのオプション (前のオプションと完全に互換性があります) であり、私が使用しているオプションは、誰かがページをスクロールしたときに Google Analytics スクリプトを読み込むことです。これは、すべてのユーザーを追跡するわけではないと思われる可能性があるため、有害に見えるかもしれません。ただし、私の意見では、より正確な指標が得られます:

• まず、サイト上のリンクをすぐにクリックし、間違いに気づいてすぐに離れてしまうユーザーは追跡されません。
• 通常のユーザーを装うロボット、スパイダー、または同様のエンティティは追跡されません（実際の性質を識別するユーザー エージェント ヘッダーは送信されないため）。

さらに、他のすべてが読み込まれてからスクリプトが読み込まれるため (したがって何も遅くなりません)、ユーザーが Web サイトを閲覧している間に透過的に読み込まれるため、これは最適なオプションです。

これを可能にする JavaScript コードは次のとおりです:

/**
 * Google Analytics and WPO Analyzers - WebPerf - Manuel Canga
 * From post: https://trasweb.net/snippets/google-analytics-and-wpo-analyzers
 */

var is_analytics_loaded = false;

load_googleAnalytics = function () {
    if (is_analytics_loaded) {
        return false;
    }

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-xxxx', 'auto');
    ga('send', 'pageview');

    is_analytics_loaded = true;
};


window.addEventListener("scroll", function () {
    if (document.documentElement.scrollTop !== 0 || document.body.scrollTop !== 0) {
        load_googleAnalytics();
    }
}, true);

25行目から29行目までは、訪問者がスクロールするとブラウザに通知します(スクロールイベントがトリガーされ、スクロールバーの位置が最上部ではなくなります)。 、load_googleAnalytics 関数を実行する必要があります。この関数は、Analytics が現在のページにすでに読み込まれているかどうかをフラグを通じてチェックします ( 9 行目から 12 行目)。そうでない場合は、追跡スクリプトがロードされます ( 13 ～ 19 行目)。 18行目にGoogle Analytics IDが挿入されていることに注目してください。最後に、 21 行目 で、スクリプトが再度読み込まれるのを防ぐためにフラグが有効になります。

気に入っていただけましたら、ぜひ共有してください。