  <?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>elementor &#8211; paologironi blog</title>
	<atom:link href="https://www.gironi.it/blog/tag/elementor-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:01:33 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Tracciare i moduli Elementor con Google Tag Manager</title>
		<link>https://www.gironi.it/blog/tracciare-i-moduli-elementor-con-google-tag-manager/</link>
					<comments>https://www.gironi.it/blog/tracciare-i-moduli-elementor-con-google-tag-manager/#comments</comments>
		
		<dc:creator><![CDATA[paolo]]></dc:creator>
		<pubDate>Tue, 04 Aug 2020 08:05:28 +0000</pubDate>
				<category><![CDATA[analytics]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[Tag Manager]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[elementor]]></category>
		<category><![CDATA[tag manager]]></category>
		<guid isPermaLink="false">https://www.gironi.it/blog/?p=1794</guid>

					<description><![CDATA[In un precedente post abbiamo visto in dettaglio come tracciare in Google Analytics via Google Tag Manager i moduli generati dal plugin CF7 in WordPress. In questo post vedremo come ottenere il medesimo risultato con un altro strumento WordPress ad altissima diffusione: il visual builder Elementor. Elementor utilizza Ajax , facendo comparire a schermo un &#8230; <a href="https://www.gironi.it/blog/tracciare-i-moduli-elementor-con-google-tag-manager/" class="more-link">Leggi tutto<span class="screen-reader-text"> "Tracciare i moduli Elementor con Google Tag Manager"</span></a>]]></description>
										<content:encoded><![CDATA[
<p>In un <a href="https://www.gironi.it/blog/tracciare-i-moduli-contact-form-7-con-tag-manager-il-modo-piu-semplice/">precedente post</a> abbiamo visto in dettaglio come tracciare in Google Analytics via Google Tag Manager i moduli generati dal plugin CF7 in WordPress.</p>



<p>In questo post vedremo come ottenere il medesimo risultato con un altro strumento WordPress ad altissima diffusione: il visual builder Elementor.</p>



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



<p>Elementor utilizza Ajax , facendo comparire a schermo un messaggio di ringraziamento dopo che è avvenuto l’invio del modulo.</p>



<p><strong>Questo significa che per far scattare il nostro attivatore in Tag Manager, al fine di conteggiare un evento, dobbiamo intercettare proprio la comparsa di questo messaggio sullo schermo.</strong></p>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" src="https://www.gironi.it/blog/wp-content/uploads/2020/08/elementor-css.jpg" alt="messaggio ringraziamento form Elementor" class="wp-image-1795" width="596" height="116" srcset="https://www.gironi.it/blog/wp-content/uploads/2020/08/elementor-css.jpg 794w, https://www.gironi.it/blog/wp-content/uploads/2020/08/elementor-css-300x58.jpg 300w" sizes="(max-width: 596px) 85vw, 596px" /><figcaption>il messaggio di ringraziamento all&#8217;avvenuto invio di un modulo Elementor</figcaption></figure>



<h2 class="wp-block-heading">Creazione dell&#8217;attivatore Tag Manager</h2>



<p>Creo l’attivatore. Nell’interfaccia di GTM vado su Attivatori &gt; Nuovo &gt; e come tipo di elemento scelgo “<em>Visibilità di un elemento</em>”:</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" src="https://www.gironi.it/blog/wp-content/uploads/2020/08/attivatore-elementor-1024x743.png" alt="Configurazione attivatore Tag Manager per tracciare modulo Elementor" class="wp-image-1796" width="768" height="557" srcset="https://www.gironi.it/blog/wp-content/uploads/2020/08/attivatore-elementor-1024x743.png 1024w, https://www.gironi.it/blog/wp-content/uploads/2020/08/attivatore-elementor-300x218.png 300w, https://www.gironi.it/blog/wp-content/uploads/2020/08/attivatore-elementor.png 1130w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" /><figcaption>La configurazione dell&#8217; attivatore Tag Manager per tracciare modulo Elementor</figcaption></figure>



<p>Dobbiamo indicare a Google Tag Manager quale elemento esatto ci interessa.</p>



<p>Apro l’inspector del browser per vedere se ci sono id oppure classi css associate al messaggio di invio riuscito.</p>



<p><strong>Nel mio caso ho trovato un div associato alla classe .elementor-message-success</strong>.</p>



<p>Quindi flaggo la voce “<em>Rileva modifiche nel DOM</em>”.</p>



<p>Salvo, aggiorno la modalità Anteprima e debug, quindi aggiorno la pagina che contiene il modulo Elementor e controllo facendo un modulo di prova.</p>



<h2 class="wp-block-heading"><strong>Google Analytics tag per tracciare il Form Elementor</strong></h2>



<p>Il prossimo passo è inviare un evento a Google Analytics ogni volta che quel messaggio di ringraziamento appare sullo schermo.</p>



<p>Nell&#8217;interfaccia di Google Tag Manager, vado su Tag&gt; Nuovo&gt; e scelgo Universal Analytics. Quindi uso le seguenti impostazioni:</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" src="https://www.gironi.it/blog/wp-content/uploads/2020/08/elementor-tag-1024x723.png" alt="Configurazione del tag " class="wp-image-1798" width="768" height="542" srcset="https://www.gironi.it/blog/wp-content/uploads/2020/08/elementor-tag-1024x723.png 1024w, https://www.gironi.it/blog/wp-content/uploads/2020/08/elementor-tag-300x212.png 300w, https://www.gironi.it/blog/wp-content/uploads/2020/08/elementor-tag.png 1177w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" /><figcaption>Configurazione del tag</figcaption></figure>



<p>Ovviamente posso nominare i valori di Categoria, Azione ed Etichetta come preferisco.<br>Quindi faccio clic sulla sezione Attivazione e scelgo il trigger creato in precedenza (<em>Visibilità dell&#8217;elemento</em>).</p>



<h2 class="wp-block-heading">Test e messa in produzione</h2>



<p>Salvo tutte le modifiche nel contenitore di Google Tag Manager, aggiorno la modalità Anteprima e Debug, aggiorno la pagina in cui è presente il modulo Elementor. Compilo tutti i campi e invio il modulo.</p>



<p>• L&#8217;evento di visibilità dell&#8217;elemento dovrebbe apparire nella modalità Anteprima e debug.</p>



<p>• Facendo clic sull&#8217;evento nella console di debug si dovrebbe visualizzare il tag GA Event attivato</p>



<p>Ora vado ai rapporti sugli eventi in tempo reale di GA e controllo se l&#8217;evento è visibile.</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" src="https://www.gironi.it/blog/wp-content/uploads/2020/08/temporeale-1024x329.png" alt="Analytics tempo reale - verifica conteggio modulo come evento" class="wp-image-1799" width="768" height="247" srcset="https://www.gironi.it/blog/wp-content/uploads/2020/08/temporeale-1024x329.png 1024w, https://www.gironi.it/blog/wp-content/uploads/2020/08/temporeale-300x96.png 300w, https://www.gironi.it/blog/wp-content/uploads/2020/08/temporeale-1536x493.png 1536w, https://www.gironi.it/blog/wp-content/uploads/2020/08/temporeale-1200x385.png 1200w, https://www.gironi.it/blog/wp-content/uploads/2020/08/temporeale.png 1633w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" /><figcaption>Analytics in tempo reale &#8211; verifica conteggio modulo come evento</figcaption></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://www.gironi.it/blog/tracciare-i-moduli-elementor-con-google-tag-manager/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
