Web制作の基礎から学べる「Webコーディングスクール」まもなく開催！

Google Analyticsのコードがコピーされても動かないようにする方法

Stocker_jp

,

Web関係のブログをやっていると、なぜかページ内の JavaScript などがそのままコピーされて中小企業のWebサイトにペーストされ、Google Analytics に見知らぬWebサイトの URL が混じってくることがあります。

これで困っている方がいたので、自分のサイト以外に自分のサイト用の Google Analytics コードが使われても動かないようにする方法を考えてみました。

JavaScriptで、表示されているページのホスト名を取得する

JavaScript では、location.hostname プロパティを使用すると、今表示しているページのホスト名（example.com など）を取得することができます。

参考: window.location – Web API インターフェイス | MDN

たとえば、このページを表示している時に Chrome の開発者ツールで location.hostname と入力し Enter キーを押すと、こんな感じに “stocker.jp” という文字列が返ってきます。

Chrome開発者ツール

具体的なソースコード

上記を踏まえて、たとえばあなたのブログのドメイン名が「example.com」であれば、このようにすれば、そのソースコードが他のWebサイトにコピペされても {} 内のコードは動かなくなります。

if (location.hostname == "example.com") {
/* ここに Google Analytics のコードを入れる */
}

HTML に貼り付けるソースコードはこのようになるはずです。

他人のWebサイトのソースコードを無断でコピペする制作者がいなくなれば、わざわざこんなことしなくて済むのですけどね…

こんな悩みはありませんか？

  1. 最新のHTML・CSSを学びたいが、どうすれば良いか分からない
  2. WordPressや、AIを活用したプログラミングを学びたいが…
  3. 東京まで行けないが、オンラインでも学べるスクールはある？
詳しくはWebコーディングスクールへ

最近の記事

ブログ トップページへ

Web制作関連動画

メルマガ会員向けの「コーダーにも役立つ補完AI『Codeium』の使い方」の動画を期間限定で公開しています。
CodeiumはGitHub Copilotと似ていますが、CSSなども補完できて、今登録すれば無料で使えます。

メルマガでは、Web制作者のためのAI活用やWordPress関連の動画など、さまざまな特典があります。ご興味ある方は、ぜひメルマガにご登録ください。