流入先　スラッグをいれて　LPフォームからの流入先を特定する。

変更前のブログパーツ用　HTML

このHTMLに

無料ダウンロード

classを入れる。　class=”dlBtn” をいれた。

　href=”https://tecn.apice-tec.co.jp/lp-replac-excel-tostockmini-free-dl60317/　　＝＝＞href=”#” 　に変更

href”#”　　は　JS側で入れることになる。　DL-LPのURLだから　JSで指定して1か所で管理

変更後の　HTMLが以下になります。

SCRIPTをついか　注意　<a class=”dlBtn” ==>id=”testBtn”
href=”#”
data-pos=”test”

この追加処理がなされている！　完成版HTML

以上は　記事側の対応です。　次にやるべきは　DL-LP　LPのフォームの側を変更する必要があります。
これはワードプレス側のcontct 7 のパラメータ調整で対応ができます。

Wordプレス　ダッシュボードの「お問い合わせ　」　をクリックします。　「コンタクトフォーム」をクリックします。

編集するフォームのタイトルを選びます。

フォーム名をクリックして次のページに行きます。　ここでまずフォームのタグをクリックして、定義してある
内容を確認　　いまは　submit ボタンの前に　from 　と　pos というパラメータを定義して、ページ上では見えなくする　hdden という定義をします。

次に送られてくるメールにパラメーター表示機能が必要なので定義するのを忘れない！

メールタブをクリックしますね、　そこでメール本文　の中に以下を定義します。

流入記事: [from]
クリック位置: [pos]

以下のように入れるといいでしょう。

差出人: [your-name] [your-email]

題名: STOCKmini 在庫管理システムのダウンロード情報希望

流入記事: [from]

クリック位置: [pos]

メッセージ本文: [your-message]

—

本メールはあなたのウェブサイト ([_site_title] [_site_url]) のコンタクトフォームに送信があったことをお知らせするものです。

記事側は　data-pos=”top” “Middle” “bottom” と分ける　

無料ダウンロード

ここまでは　計測のJSをページ単位で入れてテストをしてきましたが、保守等を考えるとFooterのJSで一括管理して
ID　はCLASSに変更します。

それでは、Footer側のJSを入れ込んでいきましょう。

ダッシュボード　外観　カスタマイズ　高度な設定にはいります。　

JSは「bodyタグ終了直前（直前）」に入れてください。

入れるべきJSのコード

注意　JSはボタンが　dlBtn になってるので、FORM側も　dlBtn にする。

上記のJSを入れたら　公開ボタンを押して公開