Contact form 7 ajax目标跟踪
Contact Form 7 Ajax目标跟踪是一种在网站上使用Contact Form 7插件时的功能扩展，它允许跟踪和记录通过Contact Form 7提交的表单数据。通过使用Ajax技术，可以在不刷新整个页面的情况下，将表单数据发送到服务器并接收响应。
这种目标跟踪的优势在于提供了实时的数据反馈和分析，帮助网站管理员更好地了解访客的行为和需求。通过跟踪表单提交，可以收集有关访客的信息，如姓名、电子邮件地址、电话号码等，以及他们提交表单的时间和位置等。
Contact Form 7 Ajax目标跟踪的应用场景包括但不限于以下几个方面：
- 销售和市场营销：通过跟踪表单提交，可以了解潜在客户的兴趣和需求，从而更好地定制销售和市场营销策略。
- 用户支持和反馈：通过表单提交，用户可以向网站管理员提供反馈、报告问题或请求帮助。目标跟踪可以帮助管理员及时回应并解决用户的需求。
- 数据收集和分析：通过跟踪表单提交，可以收集和分析用户的数据，如注册信息、调查问卷等，从而为业务决策提供依据。
腾讯云提供了一款名为"腾讯云云函数（SCF）"的产品，它可以与Contact Form 7 Ajax目标跟踪结合使用。腾讯云云函数是一种无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器的配置和管理。通过使用腾讯云云函数，可以轻松地将Contact Form 7提交的表单数据发送到云端进行处理和存储。
腾讯云云函数的产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
2回答
我试图跟踪一个AJAX表单提交在谷歌分析。我尝试使用下面的代码在GA中创建一个页面视图来跟踪目标，但是页面视图没有跟踪。
<script type="text/JavaScript">
$("#template-contactform").validate({
submitHandler: function(form) {
$('.form-process').fadeIn();
$(form).ajaxSubmit({
target: '#contact-fo
浏览 8提问于2016-06-14得票数 0
回答已采纳
我有一个简单的联系我们的页面，我想为其设定目标。
如果我有像这样的两个文件，我可以跟踪目标
当一个Contact.aspx页面和Contact-谢谢-You.aspx页面。
但是我的问题是，我正在使用异步回发更新面板保存更改，在用户消息成功发布后，感谢消息显示在同一页上。在此过程中，URL从不更改，因此无法跟踪目标。
这是一种我可以跟踪异步回发目标的方法，即使我们只有一个URL。
http://www.abc.com/Contact.aspx
浏览 0提问于2013-12-15得票数 1
2回答
我有一个无头的WordPress网站。我正在处理事件处理程序，以提交联系表格。我使用的是联系表格7，我尝试使用香草JS，我在这里使用jQuery，因为这似乎是一个更好的选择，我正在失去理智。
实质上，表单提交，但字段不清楚。我尝试过JS中的form.reset()，jQuery中的$('#formid')[0].reset()，以及下面的代码。我不知道为什么这不起作用，结果真的不太理想。有什么想法吗？
我会完全承认，在javascript中工作比使用jQuery更舒服，所以我可能遗漏了一些显而易见的东西。
如果没有将iframe设置为表单目标，则页面重定向到带有JSON数据的白
浏览 1提问于2021-06-30得票数 2
回答已采纳
4回答
我需要向动态生成的表单的提交按钮添加一个onclick事件，表单的简化版本如下所示：
<div class="form">
<form action="demo_form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Las
浏览 2提问于2016-11-01得票数 0
我目前正在使用联系人表单7作为我的表单的插件，但我需要表单被提交到一个“感谢”成功的页面，以便能够跟踪我在谷歌分析的目标。因为Contact Form7使用AJAX发布表单，所以我无法跟踪“消息已发送”事件……
你知道有没有任何具有这种功能的插件？如果是免费的就更好了。
浏览 2提问于2011-05-11得票数 0
回答已采纳
1回答
我有一个问题，在使用谷歌目标为我的事件跟踪。我已经添加了谷歌，甚至跟踪代码到我的网页。但是，我不能在我的Google目标中检查任何转换，但是事件结果可以在Google ->Behavision-> Events概述中显示。
我的密码在下面
` <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.cre
浏览 2提问于2017-02-03得票数 0
回答已采纳
在我的laravel包中，路由不工作，它在调试器中显示遵循不正确的路由 Request URL: http://localhost:8000/%7B%7B%20route('contact')%20%7D%7D 然而，我的路线如下 Route::group(['namespace' => 'ayazdev\Contact\Http\Controllers'], function(){
Route::get('contact', 'ContactController@index')->name(
浏览 23提问于2019-02-11得票数 0
回答已采纳
1回答
我正在尝试添加一个联系人表单到一个页面模板与联系人表格7。然而，我希望目标电子邮件从我创建的自定义字段中来。
提取自定义字段数据的代码如下：
<?php the_field('website_address'); ?>
允许我在模板级别选择目标电子邮件的短代码是：
<?php echo do_shortcode('[contact-form-7 id="123" title="Contact Form" destination-email="xxxxxx@example.com"]'); ?>
浏览 1提问于2020-03-20得票数 0
回答已采纳
我有一个Wordpress联系人表单，它不接受HTML/JavaScript内容，只接受一种这样的BBCode：
[contact-form]
[contact-field label="Name" type="name" required="1"/]
[contact-field label="E-mail" type="email" required="1"/]
[contact-field label="Website" type="url"/]
[co
浏览 3提问于2019-05-16得票数 0
3回答
我试图在wordpress中获取ajax请求的结果，但在javascript的警告框中得到的结果为'0‘，因此表单如下所示：
<form class="form" id="ajax-contact-form" action="#">
<input type="text" name="name" id="name" placeholder="Name" required="
浏览 0提问于2013-09-13得票数 16
回答已采纳
如何更改contact Form7 ajax加载器？我尝试了几个教程链接，但由于插件最近的更新，似乎什么都不起作用:(
浏览 0提问于2017-01-12得票数 0
2回答
我正在尝试制作一个HTML联系人表单。这是我的代码‘`Get in Touch
<p class="success-sending-message">Thank you, your message has been sent!</p>
<p class="error-sending-message">There has been an error, please try again.</p>
&
浏览 4提问于2012-10-09得票数 1
我使用的是contact form 7。我有一个表单提交按钮，当我单击它时，gif加载器图像会显示出来，然后验证状态消息会随着gif图像一起消失。
在css中，我使用.ajax-loader{display:none;}
在我正在使用的js中
$('.wpcf7-submit').click(function(){
$('.ajax-loader').show();
if('block' == $('div.wpcf7-display-none').css('display')){
$(&
浏览 1提问于2014-05-22得票数 0
我一直在尝试让contact Form7发布数据来调试表单提交，这样我就可以将其用于我正在尝试工作的插件。但是，当我使用var_dump或print_r时，我无法从任何地方获取数据。
我已经从这个开始了。
add_action( 'wpcf7_before_send_mail', 'my_process_cf7_form_data' );
function my_process_cf7_form_data() {
$submission = WPCF7_Submission::get_instance();
if ( $submissi
浏览 16提问于2020-02-23得票数 3
回答已采纳
2回答
PHP/Ajax表单汇总
、、、、
我已经设计了一个PhP/Ajax的边栏浮动表单，这是工作和发送提交到我的目标电子邮件。下面是链接：，但是当访问者成功填写并提交表单时，它会将他转到另一个页面进行确认。
这不应该是这样的，必须坚持主页弹出消息，按照我的编码：
<div id="sendingMMessage" class="statusMessage"> <p>Sending your message. Please wait...</p> </div>
<div id="successMMessage" class
浏览 0提问于2017-04-19得票数 0
我目前已经创建了一个AJAX联系人表单，我在我的站点上使用它，并且正在使用BootstrapValidator来验证这些字段。代码中有e.PreventDefault()行；但是，当我按下submit时，即使验证失败(尽管到期的错误消息出现在表单上)，也是提交表单。尽管遵循了的示例，但我还是想不出如何阻止提交进行验证。有人有什么想法吗？
JSFiddle：
HTML
<form accept-charset="UTF-8" action="/echo/json/" data-remote="true" id="contact_for
浏览 4提问于2014-11-25得票数 0
回答已采纳
当我将url与${ id }放在一起时，我看到一个错误，它没有定义id
var settings = {
"async": true,
"crossDomain": true,
"url": `https://example.restdb.io/rest/example/${id}`,
"method": "DELETE", // delete based on ID
"headers": {
"content-type": "applicat
浏览 3提问于2022-11-13得票数 0
回答已采纳
1回答
当我执行这段代码时，它没有做任何事情，除了在联系人表单下面出现一个旋转的图标，它永远旋转。
add_action( 'wpcf7_before_send_mail', 'process_contact_form_data' );
function process_contact_form_data( $contact_data ){
var_dump($contact_data->posted_data);
$name = $contact_data->posted_data["your-name"];
$e
浏览 10提问于2020-02-08得票数 3
回答已采纳
我有一个带有select元素的表单来选择要添加到事件中的来宾数量。此select具有一个ajax回调，用于更新包含联系人复合元素的容器。
我试图在ajax回调中将多个联系人元素的数量更新为“来宾数量”复选框。有人有想法吗？如果我在初始加载时使用了下面这样的表单alter，那么元素的数量就会正确地更新。
尝试在ajax
之外设置多个数字的alter
function lebow_events_webform_submission_form_alter(array &$form, FormStateInterface $form_state, $form_id) {
$form[&#
浏览 0提问于2018-04-25得票数 0
2回答
我有一个由我编辑的自定义主题的wordpress页面。我试着用ajax制作我自己的表单，不需要任何插件。问题是，我没有任何错误等，表单仍然没有做任何事情(只是重新加载页面)。我在教程页面上做了所有的事情，但仍然不知道该怎么做。我发现php代码是不能执行的。如您所见，有一些输入条件不会执行:/ 这就是我到目前为止所做的： html： <section id="contact_content">
<form name="contact_me" action="" method="post">
浏览 33提问于2020-10-08得票数 0
我已经创建了一个使用Laravel5.5和Mailtrap.io联系形式，这是很好的工作。但是，我正在尝试使联系人表单发送，而不重新加载页面来完成此操作--我正在使用AJAX。但是，我不知道如何将AJAX与Laravel和Mailtrap.io连接起来。
这就是我创造的形式。
@if(Session::has('success'))
<p class="alert {{ Session::get('alert-class', 'success') }}">{{ Session::get('success'
浏览 0提问于2018-02-19得票数 0
回答已采纳
2回答
我有一个联系人表单，它用一个ajax请求将它的信息发送到php脚本。现在我想实现google的“我不是机器人”的recaptcha。
问题是，我不知道如何使用ajax传输g-recaptcha-response。我如何验证它并将结果发送到send_contactrequest_process.php？
<div class="kontakt-container">
<form class="kontakt-form" id="kontakt-form" method="post">
<
浏览 5提问于2015-08-29得票数 10
2回答
我在一个登陆页上有两份表格。一个是弹出式表单。
<form method="post" class="catalyst_form test-form" action="email.php" id="test-form">
<input type="text" name="name" id="name" placeholder="Name *" required>
<input type="email" na
浏览 8提问于2019-09-21得票数 0
回答已采纳
2回答
<?php
session_start();
$j=0;
?>
<form class="contact100-form validate-form" action="step-3.php" >
<div class="wrap-input100 validate-input bg1 rs1-wrap-input100">
<div class="contact100-form-btn" id="add_driver">
<
浏览 0提问于2018-06-29得票数 0
3回答
我正在使用jquery ajax在mysql服务器中发布数据，但当我添加联系人时，联系人列表无法正确更新。(该查询在firefox上有效，但在google chrome上无效)。
脚本(获取联系人列表)：
<script>
function load_contact()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
浏览 1提问于2013-06-11得票数 0
第一段代码是在不刷新页面的情况下发送表单数据的javascript。第二段代码是使用PHP Mailer发送邮件的functions.php函数。
我不明白为什么Wordpress有这么大的不同。通常它是直接向前的。我使用本教程实现了上面的内容：
jQuery('#contactForm').submit(ajaxSubmit);
function ajaxSubmit() {
var contactReplyForm = jQuery(this).serialize();
if (jQuery(this).parsley().isValid()) {
浏览 0提问于2016-12-05得票数 0
1回答
我从另一个视图中使用fancybox打开了部分视图。一切似乎都很好。Partialview表单也有文件附件选项。一旦它被发布控制器，如果ModelState无效，那么我想返回相同的fancybox状态。
但它不是在fancybox中返回部分视图，而是像常规视图一样显示而不是在fancybox中。
怎么处理这件事？
代码
Home/Index.cshtml
<script type="text/javascript">
function display_dialog() {
$.fancybox.open({
浏览 2提问于2013-12-11得票数 0
我希望CORS会发生这种情况，但我实际上是在尝试同一领域的东西，而我却不知所措。
I简单html表单：
<form action="" method="post" class="wpcf7-form contact-form">
<div class="contact-input-fields">
<p>
<span class="wpcf7-form-control-wrap">
浏览 2提问于2016-08-03得票数 0
回答已采纳
如果我删除add_action()中的钩子'action': 'contact'和删除AJAX中的'action': 'contact'，代码就能工作。在本例中，它返回'Success'。但是，一旦我向email.php和'action': 'contact'添加钩子，它就会停止返回任何东西。你能给我一个如何修理的建议吗？我相信我的做法与文件中的完全一样。
这是我的简单代码：
Email.php:
<?php
add_action( 'wp_ajax_nopriv_
浏览 6提问于2022-06-11得票数 0
如果AJAX加载的内容包含CF7 contact表单，则AJAX提交将不适用于该表单。
建议的解决方法是将此行放入联系人表单模板中：
<script src="/wp-content/plugins/contact-form-7/includes/js/scripts.js"></script>
这将使表单正常工作，但也会导致另一个问题:放置在AJAX未加载的页面部分的普通CF7 contact表单在提交时将显示多个微调图标。
可能是因为多次包含脚本会多次绑定表单代码，而这些表单并不是放在ajax加载的内容中。
浏览 7提问于2015-03-13得票数 3
回答已采纳
2回答
我有一个有Edit按钮的联系人列表。当它被点击时，我想让输入出现在<div>上。当前，当单击按钮时，此<div>将显示联系人列表中的所有元素。这是密码。我没有把从API等获取联系人的代码放在这里。
```javascript
类应用程序扩展组件{
州={
contacts: [],
firstName: '',
lastName: '',
phoneNumber: '',
email: '',
editVisible: true
}；
showEditDiv = (id) => {
this.setS
浏览 0提问于2018-08-12得票数 3
回答已采纳
我已经尝试过这个答案，但它不能正常工作：https://stackoverflow.com/a/33207127/9124081 对于GA的较新版本，此答案可能需要更新。当页面通过ajax提交时，我执行了以下操作来设置目标。 $.ajax({
type: "POST",
url: "/some/page/that/does/not/have/ga/on/it.php",
data: { formData:formData },
success: function() {
// Some success messa
浏览 20提问于2019-03-13得票数 1
回答已采纳
我编写了一个脚本，它不会将数据从AJAX发送到PHP文件。并在警告框中显示错误
HTML
<form id="contact-form" action="#" method="post">
<div class="single-contact-form">
<div class="contact-box name">
<input type="text" name="name"
浏览 0提问于2020-07-07得票数 0
我的wordpress头文件中有一个脚本。我想通过单击一个按钮将一个表单动态加载到一个容器中。总共有两个表单，当然每个表单都有一个按钮。
当我将do_shortcode函数存储到php变量中，将php变量存储到jquery变量中时，短代码就会执行。当我使用回显php do_shortcode变量的变量更改容器的html值时，它不会呈现表单，而只呈现ShortCode值。我做错了什么？
<?php $cf7Shortcode = do_shortcode( "[contact-form-7 id='11' title='form']" );
浏览 2提问于2013-06-16得票数 2
我只是试着用这两个字段分别添加两个国家代码，但不知怎么的，如果我尝试使用一个输入字段，它也会影响第二个输入字段。那么，它如何在两个单独的字段中工作呢？
<div class="form-row">
<div class="form-group col-md-6">
<label for="contact1">SMS No.</label>
<input type="tel" class="form-control" na
浏览 6提问于2022-06-02得票数 0
回答已采纳
5回答
联系表格7 AJAX回调
、、、、
在此搜索了一段时间，无法提供任何文档来概述我想要实现的目标。
我正在使用wordpress和Contact表单7插件，一切都很好，我想要实现的是在表单提交时运行一些特定的javascript，我知道我们可以在附加的设置中使用"on_sent_ok:“，但是只有当表单实际提交时才能执行。
我想做的是在表单不提交ok时执行其他javascript，这会将用户抛回未验证的部分。
我可以使用下面的代码在单击1.7s的表单提交后运行，但是这有点草率，就好像用户正在缓慢地运行连接一样，这可能会在表单正确提交之前运行。
$('.wpcf7-submit').click(functi
浏览 8提问于2015-01-06得票数 36
回答已采纳
我正在使用Universal Analytics，并根据数十篇文章的建议在"Additional Settings“选项卡下添加了以下代码，其中包括Contact Form 7网站建议的代码：
on_sent_ok：“ga(‘发送’，‘事件’，‘联系人表单’，‘提交’，‘成功’)；”
我的类别、操作和标签都是在目标中设置的匹配项。我已经测试了几个小时，并在不同的网站上使用了各种其他方法，但仍然没有找到joy。我没有使用任何SEO或Yoast插件，我已经安装了通用跟踪JS代码。
然而，它仍然没有跟踪。我可以在实时转换下看到它，但它不会出现在实时事件或转换目标中。我到底能做错什么呢？
浏览 3提问于2016-06-03得票数 0
1回答
我在这里发现了一条讨论这个主题的帖子：https://stackoverflow.com/questions/14177844/how-to-change-form-action-url-for-contact-form-7
但是，使用下面的代码似乎不起作用，因为与ajax一起提交的联系人表单将返回CF7，而忽略post操作。
add_filter('wpcf7_form_action_url', 'wpcf7_custom_form_action_url');
function wpcf7_custom_form_action_url(){
retur
浏览 0提问于2018-01-07得票数 4
回答已采纳
我很简单
DB模式
Contact
-------
int: id
varchar: name
Note
-------
int: id
int: id_contact
varchar: title
如您所见，表是连接的。我的目标是通过AJAX请求添加注释，并提供id_contact。
表单应该是这样的
<form action="add-note" id="add-note">
<input type="hidden" name="id_contact" value="20" />
浏览 2提问于2015-03-02得票数 1
我使用以下代码：
<script>
document.addEventListener( 'wpcf7invalid', function( event ) {
ga('send', 'event', 'Contact Form', 'SubmitError');
}, false );
</script>
来跟踪文件错误。一切都很好，但是我只想添加字段的类，并使用dom-event wpcf7invalid跟踪字段的类。
有人能帮我一下吗？谢谢!
浏览 1提问于2017-05-25得票数 0
3回答
我是wordpress的新手。我已经创建了一个wordpress主题(用于网站开发)，其中我已经开发了一个联系页面。在联系人页面中，我想添加联系人表单，该表单应如下所示：
我试图通过使用Cform2插件和contact Form7插件来实现这个目标，但是我没有达到我的目标。
请告诉我如何根据需求自定义联系人表单插件。关于我需要修改的文件，目前我在wordpress中有cform2，contact Form7插件。
浏览 13提问于2016-07-22得票数 0
回答已采纳
3回答
在成功提交后重置表单字段
、、、
我写了一个表单，它的字段需要在成功提交后重新设置。整个流程通过ajax和php进行。以下是代码：
HTML
<form role="form" class="contact-form" id="contact-fm" method="post">
<div class="form-group">
<div class="controls">
浏览 1提问于2016-06-24得票数 1
回答已采纳
2回答
首先，我显示了一个表单，我希望我的用户能够在同一个页面中添加一个新表单。所以我想要创建一个按钮来添加一个新的表单。
[contact-form-7 id="2" title="Form"] <!-- #Form shortcode-->
<input type="button" id="more_fields" onclick="add_fields();" value="Add form" /> <!-- #Form shortcode-->
浏览 3提问于2016-03-15得票数 0
回答已采纳
3回答
目前，我有一个联络表格工作，但我需要隐藏表单本身后，它是发送成功。当运行“succes”消息时，我正在考虑按一个javascript调用，但我不知道如何做到这一点。
我如何隐藏表单，但如果它已经完成，我会保留成功的信息？
提前感谢！
<?php
//response generation function
$response = "";
//function to generate response
function my_contact_form_generate_response($type, $message){
global $re
浏览 4提问于2016-10-07得票数 1
回答已采纳
1回答
Node.js有点新，所以我很难在网上找到东西。我已经解决了这个问题。这是因为我是从客户端使用$.ajax调用的。但是，当我在下面的代码中尝试它时，它永远不会呈现。最初的页面是/contact，当我调用/contact/sendEmail时，/contact/sendEmail中的所有函数都在工作，但没有使用呈现。根本没有任何错误。就像什么都没发生一样。
var Contact = require('../controllers/contact');
module.exports = function(app) {
app.get('/contact',
浏览 2提问于2014-10-10得票数 2
回答已采纳
我有这个联系人表单，我正在尝试使用jQuery/AJAX和PHP将字段输入值通过电子邮件发送给我。嗯，电子邮件发送给我很好，但没有任何字段输入。电子邮件只是PHP $to ()函数的邮件和$subject。请参阅下面的代码。欢迎任何想法、批评或建议。谢谢你的帮忙!
$(document).ready(function() {
$(function() {
// Get the form.
var form = $('#ajax-contact');
// Get the messages div.
//var formMessages = $('#form
浏览 2提问于2015-04-27得票数 3
如果发不发邮件，我试着显示警报。
使用JQuery Ajax，
这是当我在其中使用项目的id时的联系方法。
并试图使用json发送数据。
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<ActionResult> Contact(int id, String FromName, String FromEmail, String Message, String subject)
{
//To select email of student in current project
浏览 0提问于2018-04-19得票数 0
回答已采纳
3回答
我有一个联系表格，用户可以通过它与我联系。我在ajax中使用django，如果没有错误，它可以很好地工作。我想显示错误，如果有任何类似于它显示在输入字段之上，而不仅仅是错误，而是输入和错误。但是，它确实区分了success和error结果，因为ajax请求是成功的。但我需要显示实际的表格错误。我该怎么做？非常感谢你的帮助。谢谢。
视图：
def contact(request):
if request.is_ajax() and request.POST:
form = ContactForm(request.POST)
if form.is_valid
浏览 4提问于2015-12-24得票数 9
我的目标是使用php将表单数据作为电子邮件发送，并将表单div替换为另一个div。我已经用jquery隐藏了div部分，但不能发送和发送电子邮件。我也写了发送电子邮件的代码，但我的问题是如何调用具有电子邮件发送代码的文件。
我的表单代码：
<form method="post" id="formsub">
<div id="form">
<div class="form-group">
<input type="text" name
浏览 0提问于2017-03-16得票数 0
<form id='gbookform'>
<input id='inputname' type='text' name='name' autocomplete='off' placeholder='Your name'>
<input id='inputcon' type='text' name='contact' autocomplete='off' placeholder='Y
浏览 3提问于2016-08-25得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
