タグマネージャー、アナリティクスでページ内エリア読了確認

2019年6月30日 2019年6月30日 8分11秒

ＬＰ（ランペ）を作成した。
ＬＰには上からキャッチ（商品を訴求する大きなイメージ）。商品説明。商品の売り（USP）。続いてユーザーがこの商品を買う理由、この商品を買うことでユーザーが抱えている課題が解決できることを訴求するエリアを設ける。
このエリアが重要だ。ユーザは商品を手に入れることで、自分の課題が解決することを望んでいるのである。

LP 各エリア

だがしかし、ＬＰに来たユーザーが「課題解決エリア」を見てくれているだろうか？

アナリティクスではＰＶ・セッション・ユーザー等のデータが取れるが、このエリアを見てくれいるかどうかまでは残念ながら分からない。

そこで、タグマネージャー（以下タグマネ）の力を借りて、このエリアを視認しているかどうかをチェックしたい。

LPのHTML内容：テストとして作成。(lp.html)
「課題解決エリア」を

<div id="go">いいいいいい・・・・</div>

とする。このエリアを視認しているか否かを判別したい。

<html lang="ja">
<head>

<script>
window.dataLayer = window.dataLayer || [];dataLayer.push({"PageType":"Article Page"});
</script>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-****');</script>
<!-- End Google Tag Manager -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>テスト</title>

</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-*****" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>

あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ


<div id="go">
いいい
いいい
いいい
いいい
いいい
いいい
いいい
いいい
いいい
いいい
いいい
いいい
</div>

あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ
あ

</body>
</html>