DedeCMS织梦自定义表单代码调整支持百度oCPC

织梦系统自定义表单代码调整支持百度ocpc 涉及落地页及diy.php。

1、表单提交成功埋码依赖基础代码的成功安装,请在完成了基础代码的安装(安装流程见基础代码埋码指南)后再继续表单提交成功代码的安装:

  1. <script>
  2.     window._agl = window._agl || [];
  3.     (function () {
  4.         _agl.push(
  5.             ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
  6.         );
  7.         (function () {
  8.             var agl = document.createElement('script');
  9.             agl.type = 'text/javascript';
  10.             agl.async = true;
  11.             agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
  12.             var s = document.getElementsByTagName('script')[0];
  13.             s.parentNode.insertBefore(agl, s);
  14.         })();
  15.     })();
  16. </script>

注意:_f7L2XwGXjyszb4d1e2oxPybgD修改你的production。

2、表单提交成功代码

  1. window._agl && window._agl.push(['track', ['success', {t: 3}]])

3、前台Form表单代码

  1. <form action="/plus/diy.php" enctype="multipart/form-data" method="post" id="diyform">
  2.           <input type="hidden" name="action" value="post" />
  3.           <input type="hidden" name="diyid" value="20" />
  4.           <input type="hidden" name="do" value="2" />
  5.           <input type="hidden" name="wz" id="wz" value="1">
  6.           <input type="hidden" name="tijiaoshijian" class="tijiaoshijian" value="" id="tijiaoshijian">
  7.           <input type="hidden" name="setup" value="ajax" />
  8.           <ul class="bd_inputbox clearfix">
  9.              <li><input type="text" name="name" id="name" placeholder="姓名" /></li>
  10.              <li><input type="text" name="age" id="age" placeholder="年龄" /></li>
  11.              <li><input type="text" name="sex" id="sex" placeholder="性别" /></li>
  12.              <li><input type="text" name="tel" id="tel" placeholder="电话" /></li>
  13.           </ul>
  14.           <input type="hidden"  name="nowurl" id="fromurl">
  15.           <input type="hidden"  name="fromurl" id="nowurl">
  16. 	      <script>
  17.              var nowurl = document.URL;
  18.              var fromurl = document.referrer;
  19.              document.getElementById('nowurl').value = nowurl;
  20.              document.getElementById('fromurl').value = fromurl;
  21.           </script>
  22.           <input type="hidden" name="dede_fields" value="name,text;sex,text;age,text;tel,text;fromurl,text;tijiaoshijian,text;wz,text;city,text" />
  23.           <input type="hidden" name="dede_fieldshash" value="72009ceec17528e6b09a6f654d32eca6" />
  24.           <input type="button" class="ygxx_sub" value="预约精准评估" onclick="send()"/>
  25.  
  26.      </form>

表单事项仅供参考,具体以自己的需要修改,注意dede_fieldshash及dede_fields值。

4、Ajax ocpc 回调部分代码

  1. <!--Ajax ocpc 回调-->
  2. <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
  3. <script>
  4. function send(){
  5.  
  6. 	var name = $("#name").val();  
  7. 	var tel = $("#tel").val(); 
  8. 	var flag=true;
  9.  
  10.   if(name == null || name == ""){
  11.     alert("姓名不能为空");
  12. 		flag=false;
  13. 	 
  14. 	}else if(tel == null || tel == ""){
  15.     alert("电话不能为空");
  16. 		flag=false;
  17. 	  }
  18.  
  19. 	if(flag == true){
  20.  
  21.     $.ajax({
  22.         cache: true,
  23.         type: "POST",
  24.         url:"/plus/diy.php",
  25.         data:$('#diyform').serialize(),// 你的form里面的id
  26.         success: function(data) {
  27.             if(data=="success"){
  28.                 alert('提交成功!我们专业的留学顾问马上联系您~');
  29. 		window._agl && window._agl.push(['track', ['success', {t: 3}]]);
  30.             }else{
  31.                 alert('数据校验不对,程序返回!');
  32.             }
  33.         }
  34.     });
  35.  
  36.  
  37. 		}
  38. }
  39.  
  40. </script>

5、打开/plus/diy.php 找到

  1. showmsg($bkmsg, $goto);

改为

  1. if($setup == 'ajax')
  2. {
  3.     echo "success";
  4.     exit;
  5. }
  6. else
  7. {
  8.     showmsg($bkmsg, $goto);
  9. }

这样百度oCPC 表单提交成功代码配置完成。


咨询客服

咨询客服

英文演示为原版演示地址,位于境外国内访问可能比较缓慢(建议爬梯浏览),你在本站所下载的主题等源码仅供测试学习之用,如果要商用请购买 正版授权,以便获得官方的更新和售后服务。

本站承接WordPress/织梦/帝国cms主题安装、深度汉化、加速优化等业务,详询在线客服!