2017-06-07 2 views
0

私は最近、連絡フォーム7のWordPress Contact Formのチェックボックスを追跡するためにGTMを設定しました。私は明らかにSimoからthis articleを読みましたが、正直言って私は本当に理解できませんでしたので、お問い合わせフォーム7(wp)で送信されたフォームの値を正しく取得するにはどうすればよいですか?

カスタムJavascriptを::

function checkbox_selector() {var array = ["group-963","group-964","group-965"]; 
    if (document.getElementById(array[0]).style.display == "block") { return "Checkbox#1" } 
    else if (document.getElementById(array[1]).style.display == "block") { return "Checkbox#2" } 
    else if (document.getElementById(array[2]).style.display == "block") { return "Checkbox#3" } 
    else { return "unchecked" } 
} 

私はイベントタグでのイベントアクションのトラッキングパラメータを埋めるために、このカスタムJavascriptを使用して行わついにまし。単純なフォーム提出トリガでタグ自体が発生しました。

私のカスタムJavascriptを読んでいると、いくつかの要素の表示スタイルで遊ぶ以外の解決策は見つかりませんでした。

私はこの仕事をよりうまくやったことがありますか?

$('input[type=checkbox]').on('click', function() { 
 
\t var $this = $(this); 
 
    
 
    var checkVal = $(this).is(':checked'); 
 
    var checkName = $(this).attr('name'); 
 
    
 
    // do your push to GTM here 
 
    alert(checkName + ', ' + checkVal); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="tony" value="tony" /> 
 
<input type="checkbox" name="pepper" value="pepper" />

ここフィドル:あなたがで遊んするための例を作成しまし

+1

は、あなただけのチェックボックスクラスにハンドラに付着することはできませんし、入力値またはchecked属性を読み込みますか?あなたの現在のアプローチでは、将来作成される他のチェックボックスIDがある場合、柔軟ではありません。 –

+0

こんにちは@MarnixHarderwijkあなたはまったく正しいです、私のアプローチは全く柔軟ではありません。しかし、私はワードプレスのバックオフィスにアクセスできない。しかし、あなたが「チェックボックスクラスでonハンドラをアタッチ」と言ったとき、どういう意味ですか? –

+0

例えば、入力チェックボックスはクラス= "チェックボックス"を持つでしょうか?その場合は、オンクリックハンドラを添付して、チェックボックスが設定されているかどうかを確認し、プッシュ機能を使用してGTMに送信します。 –

答えて

関連する問題