  <?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>cf7 &#8211; paologironi blog</title>
	<atom:link href="https://www.gironi.it/blog/tag/cf7-it/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.gironi.it/blog</link>
	<description>Appunti sparsi di (retro) informatica, analisi dei dati, statistica, seo, e cose che cambiano</description>
	<lastBuildDate>Fri, 20 Sep 2024 13:02:58 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Come tracciare i moduli CF7 con Tag Manager in maniera semplice</title>
		<link>https://www.gironi.it/blog/tracciare-i-moduli-cf7-tag-manager/</link>
					<comments>https://www.gironi.it/blog/tracciare-i-moduli-cf7-tag-manager/#respond</comments>
		
		<dc:creator><![CDATA[paolo]]></dc:creator>
		<pubDate>Wed, 25 Jul 2018 13:15:08 +0000</pubDate>
				<category><![CDATA[analytics]]></category>
		<category><![CDATA[Tag Manager]]></category>
		<category><![CDATA[cf7]]></category>
		<category><![CDATA[tag manager]]></category>
		<guid isPermaLink="false">https://www.gironi.it/blog/?p=770</guid>

					<description><![CDATA[Quello che voglio è creare un evento Google Analytics ogni qual volta un utente compila e invia correttamente un modulo in un sito WordPress che usa il comunissimo plugin Contact Form 7. Ho letto in rete varie soluzioni, molte delle quali sofisticate, altre inutilmente complesse, altre molto sofisticate.Per scopi basilari, basta seguire questi semplici passi:&#160;&#160; &#8230; <a href="https://www.gironi.it/blog/tracciare-i-moduli-cf7-tag-manager/" class="more-link">Leggi tutto<span class="screen-reader-text"> "Come tracciare i moduli CF7 con Tag Manager in maniera semplice"</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Quello che voglio è creare un evento Google Analytics ogni qual volta un utente compila e invia correttamente un modulo in un sito WordPress che usa il comunissimo plugin Contact Form 7.</p>



<p>Ho letto in rete varie soluzioni, molte delle quali sofisticate, altre inutilmente complesse, altre molto sofisticate.<br>Per scopi basilari, basta seguire questi semplici passi:&nbsp;&nbsp;</p>



<span id="more-770"></span>



<h2 class="wp-block-heading"> <br>1 &#8211; Creo il primo tag sfruttando wpcf7mailsent</h2>



<p>Apro Google Tag Manager e creo un nuovo Tag, scegliendo come tipologia “<em>html personalizzato</em>”. Nel mio esempio l’ho chiamato “<em>mailsent-cf7</em>”.</p>



<p>All&#8217;interno del tag digito poche righe di codice:</p>



<pre class="wp-block-preformatted">&lt;script&gt;
document.addEventListener( 'wpcf7mailsent', function( event ) {  dataLayer.push({'event': 'contactForm7Inviato'});  }, false );
&lt;/script&gt;<script> document.addEventListener( 'wpcf7mailsent', function( event ) { &lt;br>dataLayer.push({'event': 'contactForm7Inviato'}); &lt;br>}, false ); &lt;br></script></pre>



<p>

In pratica, quello che vedo in Tag Manager è questo:

</p>



<figure class="wp-block-image"><img fetchpriority="high" decoding="async" width="1600" height="875" src="https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag1.jpg" alt="CF7 Tag Manager" class="wp-image-780" srcset="https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag1.jpg 1600w, https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag1-300x164.jpg 300w, https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag1-1024x560.jpg 1024w, https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag1-1200x656.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></figure>



<p><strong>wpcf7mailsent è un evento DOM di CF7 che si attiva quando un modulo ajax è stato inviato con successo, e la mail è partita.<br></strong><br>In pratica, è tutto ciò che ci serve.</p>



<p>A questo punto scelgo su quali pagine del sito attivare il tag (<em>tutte le pagine</em> può essere un’opzione che va bene in molti casi&#8230;). Salvo il mio nuovo tag.</p>



<hr class="wp-block-separator"/>



<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-eu.amazon-adsystem.com/e/cm?ref=qf_sp_asin_til&amp;t=consulenzeinf-21&amp;m=amazon&amp;o=29&amp;p=8&amp;l=as1&amp;IS2=1&amp;asins=8894277909&amp;linkId=08e36901f80b029c7074c7b5daeecae7&amp;bc1=FFFFFF&amp;lt1=_blank&amp;fc1=333333&amp;lc1=0066C0&amp;bg1=FFFFFF&amp;f=ifr">
    </iframe>
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-eu.amazon-adsystem.com/e/cm?ref=qf_sp_asin_til&amp;t=consulenzeinf-21&amp;m=amazon&amp;o=29&amp;p=8&amp;l=as1&amp;IS2=1&amp;asins=1542690234&amp;linkId=4065fa7dace2de164f5340d566d1a91a&amp;bc1=FFFFFF&amp;lt1=_blank&amp;fc1=333333&amp;lc1=0066C0&amp;bg1=FFFFFF&amp;f=ifr">
    </iframe>
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-eu.amazon-adsystem.com/e/cm?ref=qf_sp_asin_til&amp;t=consulenzeinf-21&amp;m=amazon&amp;o=29&amp;p=8&amp;l=as1&amp;IS2=1&amp;asins=B008JWQ35M&amp;linkId=f6ba8a312974fe714d933a1355a3d777&amp;bc1=FFFFFF&amp;lt1=_blank&amp;fc1=333333&amp;lc1=0066C0&amp;bg1=FFFFFF&amp;f=ifr">
    </iframe>



<hr class="wp-block-separator"/>



<h2 class="wp-block-heading">2 &#8211; Il mio tag Universal Analytics </h2>



<p>

Creo ora un <strong>nuovo tag di tipo Google Universal Analytics</strong>.<br>Diciamo che lo posso chiamare &#8220;<em>Invio form CF7</em>&#8220;:

</p>



<figure class="wp-block-image"><img decoding="async" width="1600" height="856" src="https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag2.jpg" alt="configuro tag2" class="wp-image-782" srcset="https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag2.jpg 1600w, https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag2-300x160.jpg 300w, https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag2-1024x548.jpg 1024w, https://www.gironi.it/blog/wp-content/uploads/2018/07/configuro-tag2-1200x642.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></figure>



<p>Scelgo <strong>monitoraggio evento</strong>. </p>



<p>Inserisco il mio id di monitoraggio e scelgo un valore per <strong>Categoria</strong>, <strong>Azione</strong> ed <strong>Etichetta</strong></p>



<p>Nel mio caso ho scelto &#8220;<em>Form</em>&#8221; per categoria, &#8220;<em>Invio&#8221;</em>&nbsp;per azione e il path della pagina come etichetta.</p>



<h2 class="wp-block-heading">3 &#8211; L&#8217;evento personalizzato</h2>



<p>Per attivare il tag creo un nuovo attivatore di tipo &#8220;<em>evento personalizzato&#8221;</em>&nbsp;&#8211; io l’ho chiamato &#8220;<em>form inviato&#8221;</em>&nbsp;&#8211; e seleziono come evento <strong>contactForm7Inviato</strong>:  </p>



<figure class="wp-block-image"><img decoding="async" width="1600" height="867" src="https://www.gironi.it/blog/wp-content/uploads/2018/07/attivatore.png" alt="attivatore" class="wp-image-783" srcset="https://www.gironi.it/blog/wp-content/uploads/2018/07/attivatore.png 1600w, https://www.gironi.it/blog/wp-content/uploads/2018/07/attivatore-300x163.png 300w, https://www.gironi.it/blog/wp-content/uploads/2018/07/attivatore-1024x555.png 1024w, https://www.gironi.it/blog/wp-content/uploads/2018/07/attivatore-1200x650.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></figure>



<h2 class="wp-block-heading">4 &#8211; Anteprima e controlli</h2>



<p>Non mi resta che fare l&#8217;<strong>anteprima in Google Tag Manager</strong> per sincerarmi che tutto funzioni come previsto:  </p>



<figure class="wp-block-image"><img decoding="async" width="1581" height="453" src="https://www.gironi.it/blog/wp-content/uploads/2018/07/anteprima.jpg" alt="anteprima" class="wp-image-774" srcset="https://www.gironi.it/blog/wp-content/uploads/2018/07/anteprima.jpg 1581w, https://www.gironi.it/blog/wp-content/uploads/2018/07/anteprima-300x86.jpg 300w, https://www.gironi.it/blog/wp-content/uploads/2018/07/anteprima-1024x293.jpg 1024w, https://www.gironi.it/blog/wp-content/uploads/2018/07/anteprima-1200x344.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></figure>



<p>

e aprire il sito per vedere se è tutto a posto:

</p>



<figure class="wp-block-image"><img decoding="async" width="1138" height="272" src="https://www.gironi.it/blog/wp-content/uploads/2018/07/dom.jpg" alt="dom" class="wp-image-775" srcset="https://www.gironi.it/blog/wp-content/uploads/2018/07/dom.jpg 1138w, https://www.gironi.it/blog/wp-content/uploads/2018/07/dom-300x72.jpg 300w, https://www.gironi.it/blog/wp-content/uploads/2018/07/dom-1024x245.jpg 1024w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption>con l&#8217;anteprima di Tag Manager posso aprire il sito e vedere cosa succede&#8230;</figcaption></figure>



<hr class="wp-block-separator"/>



<p>Come si vede, è tutto ok. Ora provo a inviare un modulo e posso notare subito se &#8220;scatta&#8221; l&#8217;evento, vedendolo anche in real time su Google Analytics.</p>



<figure class="wp-block-image"><img decoding="async" width="1600" height="743" src="https://www.gironi.it/blog/wp-content/uploads/2018/07/risultato.jpg" alt="risultato" class="wp-image-776" srcset="https://www.gironi.it/blog/wp-content/uploads/2018/07/risultato.jpg 1600w, https://www.gironi.it/blog/wp-content/uploads/2018/07/risultato-300x139.jpg 300w, https://www.gironi.it/blog/wp-content/uploads/2018/07/risultato-1024x476.jpg 1024w, https://www.gironi.it/blog/wp-content/uploads/2018/07/risultato-1200x557.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption>vedo subito che tutto è andato bene&#8230;</figcaption></figure>



<hr class="wp-block-separator"/>



<p>Tutto funziona: in meno di 10 minuti il mio tracciamento è attivo.<br>Posso pubblicare la nuova versione in Tag Manager.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.gironi.it/blog/tracciare-i-moduli-cf7-tag-manager/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
