セットアップガイド › ボタン別計測

ボタン別友だち追加数を計測する

LP内のどのCTAボタンからLINE友だち追加が発生したかを計測します。

Step 1|ボタン別計測でできること

LP内に複数のLINE追加ボタン(FV CTA・中段・フッター・フローティングバナー等)がある場合、どのボタンからの友だち追加が多いかを計測できます。

ユースケース:

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 / ノーコードツールでの設定

Step 3|反映確認

  1. スマホのブラウザでLPにアクセス
  2. data-linetrace-button を付けたボタンをタップして友だち追加
  3. ダッシュボードの「ボタン別 友だち追加数」セクションにボタン名と数値が反映されるまで最大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でハードリロード)
PCからのテストは計測されません。 LINEの仕様上、PCからLINEのURLを開くとQRコードの読み取り画面が表示され、計測ができません。テストはスマホで行ってください。

Step 4|ダッシュボードでの見方

ダッシュボードの「ボタン別 友だち追加数」セクションに、ボタン名ごとの追加数と流入元別の積み上げグラフが表示されます。

表示例:

ボタン名友だち追加数
hero_cta8
footer_cta23
floating_banner15
(未設定)3

よくある質問

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ボタンから友だち追加が発生しているかを計測できるようになりました。ダッシュボードの「ボタン別 友だち追加数」セクションでデータを確認してください。

← セットアップガイドに戻る