Contact Form 7 & AdWords Conversion Tracking
Zie ook Contact Form 7 & Analytics Conversion Tracking.
Let op
Sinds de zomer van 2017 werkt AdWords Conversion Tracking eigenlijk niet meer. Gebruik daarom Analytics Conversion Tracking. Dit artikel is daarom niet meer actueel
Het probleem
Standaard gebruikt Contact Form 7 een AJAX-object om een dankjewel-boodschap weer te geven. Je hebt dus geen 'traditionele' dankjewel-pagina waar je een AdWords Conversion Tracking-snippet kunt plaatsen. Hoe lost je dit op?
AdWords Conversion Tracking - Mogelijke oplossingen
- Snippet incorporeren in thank-you-message (werkt niet meer): Incorporeer de conversion-tag (of het noscript-gedeelte) in het dankjewel-tekstveld. Dat scheen te werken in oudere versies, maar nu niet meer [1], in deze video rond 2:00
- Hook: Voor Analytics kun je de betreffende functie aanroepen ahv. de juiste hook. Dat werkt vermoedelijk niet voor AdWords [2][3]
- Aparte dankjewel-pagina: Je kunt desgewenst een aparte dankjewel-pagina specificeren [4]. Dit wordt afgeraden
- Gebruik Analytics Conversion Tracking: Waarschijnllijk de beste oplossing
- Additional Settings-oplossing: Dit is de échte oplossing, als je per se AdWords-conversion tracking wilt gebruiken, ipv. Analytics-conversion tracking. Zie de casus hieronder voor details.
AdWords Conversion Tracking - Additional Settings-oplossing (zomer 2017)
Deze implementatie is een tweetrapsraket:
- De functies uit de snippet is ondergebracht in de body van het formulier
- De aanroep van de hoofdfunctie, is ondergebracht in het Additional Settings-veld van het formulier. Vandaar de naam.
Deze implementatie is gebaseerd op optie 2 uit deze handleiding. Bij het aanmaken van de conversion snippet, kun je in AdWords inderdaad kiezen tussen Page load en Click.
Formuliercode
Resulterende formuliercode:
<div class="col span_6"> <p>Wie können wir Ihnen weiterhelfen?<br /> [textarea* your-message] </p> <p>Optional können Sie eine Datei anhängen. [file file-255 limit:8mb filetypes:pdf|jpg|jpeg|zip|png|doc|docx|xls|xlsx|txt|rtf|otf|ptt|pttx id:bestand]</p> </div> <div class="col span_6 col_last"> <p>Ihr Name<br /> [text* your-name] </p> <p>Ihre Emailadresse <br /> [email* your-email] </p> <p>Ihre Telefonnummer<br /> [text* Telefoon]</p> </div> <div class="col span_12"> <p style="margin-top:25px;">[submit "Nachricht senden"]</p> <!-- Google Code for Ingevuld formulier landing page Conversion Page In your html page, add the snippet and call goog_report_conversion when someone clicks on the chosen link or button. --> <script type="text/javascript"> /* <![CDATA[ */ goog_snippet_vars = function() { var w = window; w.google_conversion_id = XXXXXXXXX; w.google_conversion_label = "XXXXXXXXXXXXXXXXXXX"; w.google_remarketing_only = false; } // DO NOT CHANGE THE CODE BELOW. goog_report_conversion = function(url) { goog_snippet_vars(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js"> </script> </div>
Additional Settings
Deze code is ingevoerd onder Additional Settings:
on_sent_ok: "typeof goog_report_conversion === 'function' && goog_report_conversion();"
Werking
Meldingen Google Tag Assistant
De meldingen van Google Tag Assistant in detail:
No HTTP response detected
Het staat er in grijs, maar is ongeveer de essentie: De code staat op de pagina, maar wordt niet uitgevoerd.
Missing CDATA comments
Dit is wat Mike Martel van Keetrax.com ervan zegt:
- It’s true that due to the way WordPress formats the code, the CDATA comments become invalid.
- Google Tag Assistant will notify you of this. However, this shouldn’t prevent the AdWords
- code from working.
Conversion Value: not set
In moderne versies van de AdWords-snippet, wordt deze waarde niet vermeld. Ik vermoed dat Tag Assistant wat dat betreft achterloopt.
Code should be placed directly above the closing body-tag
Inderdaad: In de ideale wereld is er een betere plek voor deze tag. Het is niet anders - En het beïnvloed de werking enkel in nogal theoretische omstandigheden.