セットアップガイド › ボタン別計測
ボタン別友だち追加数を計測する
LP内のどのCTAボタンからLINE友だち追加が発生したかを計測します。
Step 1|ボタン別計測でできること
LP内に複数のLINE追加ボタン(FV CTA・中段・フッター・フローティングバナー等)がある場合、どのボタンからの友だち追加が多いかを計測できます。
ユースケース:
- スマホでFV・フッター・フローティングバナーを併設しているサイトで、本当に効いている動線が判明する
- LP改善のA/Bテスト時に意思決定の根拠になる
- 代理店レポートで「フッターCTAの追加数はFVの3倍」のような具体性が出せる
Step 2|設定方法
LPの各LINE追加ボタンの <a> タグに data-linetrace-button 属性を追加するだけです。
<!-- FVのCTA --> <a href="https://lin.ee/xxxxx" data-linetrace-button="hero_cta"> LINEで相談する </a> <!-- フッターのCTA --> <a href="https://lin.ee/xxxxx" data-linetrace-button="footer_cta"> LINEで相談する </a> <!-- スマホのフローティングバナー --> <a href="https://lin.ee/xxxxx" data-linetrace-button="floating_banner"> LINE </a>
半角英数+アンダースコア推奨(日本語も可)。50文字以内。同じボタン名は何度使ってもOK(合算されます)。
WordPress / ノーコードツールでの設定
- WordPress:ボタンブロックの「HTML編集」モードで
data-linetrace-buttonを追加。またはカスタム属性追加プラグインを利用。 - ペライチ・STUDIO等:「カスタムHTML」要素で手動記述。
Step 3|反映確認
- スマホのブラウザでLPにアクセス
data-linetrace-buttonを付けたボタンをタップして友だち追加- ダッシュボードの「ボタン別 友だち追加数」セクションにボタン名と数値が反映されるまで最大5分
① GTMタグ(linetrace.js)が発火しているか確認(Chrome DevToolsのNetworkタブで
linetrace.io へのPOSTを確認)②
data-linetrace-button のスペルミスに注意(ハイフン区切り、キャメルケースではない)③ LINE追加URLが
lin.ee / line.me/R/ti/p のいずれかになっているか④ ブラウザのキャッシュをクリア(Cmd+Shift+Rでハードリロード)
Step 4|ダッシュボードでの見方
ダッシュボードの「ボタン別 友だち追加数」セクションに、ボタン名ごとの追加数と流入元別の積み上げグラフが表示されます。
表示例:
よくある質問
Q. ボタン名は後から変えられますか?
HTML側を変えれば、新しいボタン名として記録され始めます。過去のデータは旧名で残ります。
Q. 同じボタンを複数ページに置いた場合は?
ボタン名が同じなら全ページで合算されます。ページ別に集計したい場合は hero_cta_top / hero_cta_blog のように分けてください。
Q. data-linetrace-buttonを付け忘れたボタンは?
「未設定」として集計されます。LP URLに ?linetrace_src=xxx を付けている場合はその値が使われます(後方互換)。
Q. 旧来の ?linetrace_src パラメータはどうなりますか?
そのまま使えます。data-linetrace-button 属性がない場合のフォールバックとして動作します。両方使うことも可能です(属性優先)。
Q. クリック数(CTR)は分かりますか?
現状は友だち追加に至ったクリックのみ計測しており、CTRは出せません。今後の機能拡張で検討予定です。
Q. PCからの追加も計測されますか?
LINEの仕様上、PCからの友だち追加はWebhook経由で計測できません。スマホブラウザのみ対応です。
設定完了
これでLP内のどのCTAボタンから友だち追加が発生しているかを計測できるようになりました。ダッシュボードの「ボタン別 友だち追加数」セクションでデータを確認してください。