サイトに置く見えないアクセスカウンター

誰もがページにカウンターを置きたいわけではありません。数字は知りたいけれど、隅にバッジを置いてそれを見せびらかしたくはない、という人も少なくありません——ポートフォリオ、企業サイト、訪問数が目に見えることで何か違うものを測っているように見えてしまうページなどです。

それに対応するデザインが2つあり、両者の違いはささやかですが意図的なものです。

2つのデザイン

デザイン980は何も表示しません。目に見えるスペースを一切取らない画像を出力するもので——そのサイズは202バイトです——ページの見た目は導入前とまったく変わりません。そこにあることは誰にも分かりません。

デザイン981は小さなアイコンを表示します。636バイトで、クリックすると統計ページへのリンクになっています。ページ上にはほとんど何もありませんが、カウンターの持ち主や、クリックしてみたいと思うほど興味を持った人のための入り口になります。

どちらも、ほかのデザインとまったく同じようにカウントを行います。カウンターが見えなくなっても、カウントの仕組みは何も変わりません。

意図的な違いが1つ

デザイン980にはリンクがありません。これは見落としではなく、見落としのように見えるからこそ説明する価値があります。

リンクにもなっている見えない画像は、他人のページの上に置かれた透明なクリック対象です。わざとクリックする人などおらず、誤ってクリックしてしまい、望んでもいない場所へ連れて行かれるだけです。これは小さなダークパターンであり、その対策としてリンクを付けないことにしました。

見えないカウンターと統計ページへの導線の両方が欲しい場合は、981がそのためのものです。目に見える小さなアイコンは、クリックできることを正直に示しています。

「見えない」が意味しないこと

この点ははっきりさせておく価値があります。「見えない」とはページ上で見えないという意味であり、何も起きていないという意味ではありません。

カウンターは、訪問者のブラウザから当社サーバーへのリクエストであることに変わりはなく、そのリクエストこそがカウントを行っています。サイトが何を読み込んでいるかを訪問者に説明する場合、見えないカウンターも見えるものとまったく同様にその説明に含める必要があります。バッジを隠しても、そのバッジが表していたもの自体がなくなるわけではありません。

行わないのは、Cookieを設定することや、デバイスから何かを読み取ることです——これはここにあるすべてのデザインについて言えることで、その仕組みについての記事もあります。

最も役立つ場面

主にタグマネージャーの場合です。カウンターが、配置位置を自分でコントロールできないコンテナによって挿入される場合、見えないデザインならページ上のどこに表示されるかという問題そのものを回避できます——タグマネージャーのガイドがまず981を使うのはそのためです。