Добавление кода Google Conversion в WordPress Contact Form 7

Я нашел учебное пособие для добавления кода Google Conversion в плагин WordPress Contact Form 7, который можно найти здесь .

В настоящее время я добавил

<script type="text/javascript"> $(".wpcf7-form").submit(function(){ var google_conversion_id = "12345678910"; var google_conversion_label = "xxxxxxxxxxx"; var image = new Image(1,1); image.src = "http://www.googleadservices.com/pagead/conversion/"+google_conversion_id+"/?label="+google_conversion_label+"&script=0"; }); </script> 

на мой нижний колонтитул, но он не отправляет правильные результаты. Мог ли кто-нибудь помочь мне с тем, что я должен добавить к моему плагину контактной формы, через панель управления WordPress, чтобы мои результаты Google Analytics показали правильные результаты. Я бы не предпочел перенаправление на другую страницу.

Вы на правильном пути. По мере запуска этого скрипта ваши результаты записываются на сервере.

  1. Самый простой и наиболее распространенный способ добиться этого – разместить сценарий на отдельной странице (как правило, thank-you.php) и перенаправить пользователя на эту страницу, поэтому после завершения его работы мы можем запустить этот скрипт и записать это действие. ИЛИ
  2. Другой способ ( хотя и сложный ) – заставить этот скрипт работать на одной странице с помощью ajax / javascript после активности пользователя.

Я успешно реализовал второй на одном из сайтов моего клиента Hiteshi Technologies

Если вы хотите установить его без какого-либо перенаправления, вы можете найти это полезным.

Отслеживание конверсий Google без перенаправления

Ура !!

Аналитический код должен выглядеть следующим образом:

 ga('send', 'event', 'category', 'action', 'label', value); // value is a number. 

(где последние 2 параметра являются необязательными)

Поэтому нам просто нужно сделать код дополнительных настроек Contact Form 7 следующим образом:

 on_sent_ok: "ga('send', 'event', 'Landing Page', 'Submit');" //here 'Landing Page' or 'Submit' are just for sample; 

Если вы хотите узнать больше: отслеживание событий в WordPress Contact Form 7 (Universal Analytics) и отслеживание событий Google – веб-отслеживание (analytics.js)

Я сделал это тремя простыми шагами:

  1. В плагине CF7 (дополнительные настройки):

on_sent_ok: "run_conversion_code ();"

  1. В header.php (или в файле js):

      function run_conversion_code() { $ = jQuery; var a = "/wp-admin/admin-ajax.php"; $.post(a, {action: 'run_conversion_code'}).done(function(data){ $('body').append(data); }); console.log('conversion code running'); } </script> 
  2. functions.php

    function run_conversion_code ()

     { ?> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 962XXX263; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff"; var google_conversion_label = "TsaNCM6dq1wQ99HzygM"; var google_remarketing_only = false; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/962390263/?label=TsaNCM6dq1wQ99HzygM&amp;guid=ON&amp;script=0"/> </div> </noscript> <?php die(); } 

    add_action ('wp_ajax_run_conversion_code', 'run_conversion_code');

    add_action ('wp_ajax_nopriv_run_conversion_code', 'run_conversion_code');