スマホでの画像保存の回数を計測する方法について

Question

ページ内で５つ程画像を用意し、「好きな画像を保存して使ってくださいね」とする予定なんですが、クライアントからダウンロードされた回数を知りたいと言われています。

#動作
PC：「画像を保存」というボタンを用意し、クリックしてダウンロードさせる
SP：画像を長押ししてダウンロードさせる

#調べた結果
こちらのページが見つかりました。
https://blog.siteanatomy.com/2017/09/pdf-pageview-tracking.html

こちらのページを参考にしたんですが、この書き方で合っていますでしょうか。
####PC

<a href="img.jpg" onclick="ga('send', 'event', 'download', 'img.jpg')" download>画像を保存</a>

####SP

<a href="img.jpg" onlongclick="ga('send', 'event', 'download', 'img.jpg')" ><img src="img.jpg"></a>

（SPの方は「onclick=」の部分を「onlongclick」にしてみたんですが使い方が合っているのかもわからず…）

#補足
Googleアナリティクスはクライアントしか見れないので実験ができないのが現状です。
この書き方でよいのか、別の書き方がよいのかアドバイスいただけると助かります。

Answer 1

まず、typo。
x onlonglick
o onlongclick

そして、onlongclickは、Javascriptのイベントハンドラでは無いのでHTMLページ上では使えません。

何れにせよ、ブラウザ側での処理を細かくトラッキングするのは難しいので擬似的に計測するしかないです。
面倒ですが画像を1枚表示するページを1ページ挟んで、そのページのアクセスをトラッキングするとか。

Comments

[mariko76]

タイプミスすみません。

onlongclickというのは使えないんですね…。
参考になりました、ありがとうございます！

Answer 2

Chrome の拡張機能で「Tag Assistant」を使用すると、
イベントの発火状況を確認できるので、試してみるといかがでしょうか。

現状のページ構造や編集可能な状況にもよりますが、
タグマネージャーを使用すれば、画像を特定するようなトリガーを作成して、
イベント計測できるかもですね。SPの条件（長押し）は実体験がないので何とも言えないですが。