Google Analyticsの1×1ピクセルの画像を透過する方法

2010 年 7 月 22 日

前から結構気になっていたんです。

Google Analytics mobileでのSSL|晄夏ノート

ここら辺でもちょっと触れてはいるのですが、晄夏関連のサイトは全部背景色が無いのでスルーしてました。

とはいえ、Google Analytics mobile導入すると、白い画像がぽちっと出るのは気になるので、いつか考えようと思っていたら（そんなに難しい事じゃないんですけど）ちゃんとまとめてるサイトを見つけました。

GoogleAnalyticsモバイル版で出力されるGIF画像を透過GIFにする方法（PHP版）

↑こちらに書かれています。

// 1×1 transparent GIF
$GIF_DATA = array(
chr(0x47), chr(0x49), chr(0x46), chr(0x38), chr(0x39), chr(0x61),
chr(0x01), chr(0x00), chr(0x01), chr(0x00), chr(0x80), chr(0xff),
chr(0x00), chr(0xff), chr(0xff), chr(0xff), chr(0x00), chr(0x00),
chr(0x00), chr(0x2c), chr(0x00), chr(0x00), chr(0x00), chr(0x00),
chr(0x01), chr(0x00), chr(0x01), chr(0x00), chr(0x00), chr(0x02),
chr(0x02), chr(0x44), chr(0x01), chr(0x00), chr(0x3b)

元々のga.phpの指定は上記。これを透過すると

// 1×1 transparent GIF
$GIF_DATA = array(
chr(0x47), chr(0x49), chr(0x46), chr(0x38), chr(0x39), chr(0x61),
chr(0x01), chr(0x00), chr(0x01), chr(0x00), chr(0x91), chr(0x00),
chr(0x00), chr(0x00), chr(0x00), chr(0x00), chr(0xFF), chr(0xFF),
chr(0xFF), chr(0xFF), chr(0xFF), chr(0xFF), chr(0x00), chr(0x00),
chr(0x00), chr(0x21), chr(0xF9), chr(0x04), chr(0x01), chr(0x07),
chr(0x00), chr(0x02), chr(0x00), chr(0x2C), chr(0x00), chr(0x00),
chr(0x00), chr(0x00), chr(0x01), chr(0x00), chr(0x01), chr(0x00),
chr(0x00), chr(0x02), chr(0x02), chr(0x54), chr(0x01), chr(0x00),
chr(0x21), chr(0xFE), chr(0x1B), chr(0x6B), chr(0x64), chr(0x64),
chr(0x69), chr(0x5F), chr(0x63), chr(0x6F), chr(0x70), chr(0x79),
chr(0x72), chr(0x69), chr(0x67), chr(0x68), chr(0x74), chr(0x3D),
chr(0x6F), chr(0x6E), chr(0x2C), chr(0x63), chr(0x6F), chr(0x70),
chr(0x79), chr(0x3D), chr(0x22), chr(0x4E), chr(0x4F), chr(0x22),
chr(0x00), chr(0x3B)

こうなるよってお話。

あれ？

chr(0x47), chr(0x49), chr(0x46), chr(0x38), chr(0x39), chr(0x61), chr(0x01), chr(0x00),
chr(0x01), chr(0x00), chr(0x80), chr(0x00), chr(0x00), chr(0xFF), chr(0xFF), chr(0xFF),
chr(0x00), chr(0x00), chr(0x00), chr(0x21), chr(0xF9), chr(0x04), chr(0x01), chr(0x00),
chr(0x00), chr(0x00), chr(0x00), chr(0x2C), chr(0x00), chr(0x00), chr(0x00), chr(0x00),
chr(0x01), chr(0x00), chr(0x01), chr(0x00), chr(0x00), chr(0x02), chr(0x02), chr(0x44),
chr(0x01), chr(0x00), chr(0x3B)

これでもいいんだっけ？
こちらは、

Google Analytics for Mobileを改造してみた

に書かれているバイナリです。どっちでもいいのだろうか？あとで検証してみよう。

ま、なんかそんな感じで、Google Analytics　モバイルのビーコン画像が白いよーは解決するみたいです。

---

Google Analytics for Mobile（日本の携帯のみですが）に関するエントリーを纏めました。

Google Analytics Mobile|晄夏ノート