表单提交时调用JS函数跟踪Google AdWords转化遇阻求助

Got it, let's sort this out. The core challenge here is triggering the AdWords conversion tracking without interrupting your form's data flow to AWeber. Here's a reliable, non-intrusive approach:

Step 1: Adjust the Conversion Tracking Function #

First, tweak your existing gtag_report_conversion function to support a custom callback (instead of just redirecting). This lets us control what happens after the conversion data is sent:

<script>
function gtag_report_conversion(callback) {
  gtag('event', 'conversion', {
    'send_to': 'AW-XXXXXXX/XXXXXXXXX_XXXID',
    'event_callback': callback,
    // Fallback: proceed with form submission after 2s if tracking fails (e.g., ad blocker)
    'event_timeout': 2000
  });
}
</script>

Place this script in your page's <head> or right before the form code to ensure it loads before the form is interacted with.

Step 2: Hook Into the Form's Submit Event #

1. Add an ID to your form (makes targeting it with JavaScript straightforward):
   Update your opening form tag to:

   <form id="aweber-signup-form" method="post" class="af-form-wrapper" accept-charset="UTF-8" action="https://www.aweber.com/scripts/addlead.pl" >
   

2. Add this submission handler script after the form:

   <script type="text/javascript">
   document.addEventListener('DOMContentLoaded', function() {
     const signupForm = document.getElementById('aweber-signup-form');
     if (!signupForm) return;
   
     signupForm.addEventListener('submit', function(e) {
       // Pause the default form submission temporarily
       e.preventDefault();
       const form = this;
   
       // Trigger conversion tracking, then submit the form once tracking completes
       gtag_report_conversion(function() {
         form.submit();
       });
     });
   });
   </script>
   

How This Works #

• We intercept the form's submit event to pause the default action.
• The conversion tracking function fires first, and once it's done (or times out after 2 seconds), we programmatically submit the form.
• All your existing form data (hidden fields, user input) is still sent to AWeber exactly as before—no data loss or disruption.

Critical Notes #

• Graceful fallback: If JavaScript is disabled, the form submits normally (tracking just won't fire, which is standard for analytics tools).
• Test thoroughly: Use Google Ads' conversion testing tools to confirm that conversions are being reported correctly after form submission.

内容的提问来源于stack exchange，提问作者Ryan Thames