{"id":1794,"date":"2020-08-04T09:05:28","date_gmt":"2020-08-04T08:05:28","guid":{"rendered":"https:\/\/www.gironi.it\/blog\/?p=1794"},"modified":"2024-09-20T14:01:33","modified_gmt":"2024-09-20T13:01:33","slug":"tracciare-i-moduli-elementor-con-google-tag-manager","status":"publish","type":"post","link":"https:\/\/www.gironi.it\/blog\/tracciare-i-moduli-elementor-con-google-tag-manager\/","title":{"rendered":"Tracciare i moduli Elementor con Google Tag Manager"},"content":{"rendered":"\n

In un 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>\n\n\n\n

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

Elementor utilizza Ajax , facendo comparire a schermo un messaggio di ringraziamento dopo che \u00e8 avvenuto l\u2019invio del modulo.<\/p>\n\n\n\n

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>\n\n\n\n

\"messaggio
il messaggio di ringraziamento all’avvenuto invio di un modulo Elementor<\/figcaption><\/figure>\n\n\n\n

Creazione dell’attivatore Tag Manager<\/h2>\n\n\n\n

Creo l\u2019attivatore. Nell\u2019interfaccia di GTM vado su Attivatori > Nuovo > e come tipo di elemento scelgo \u201cVisibilit\u00e0 di un elemento<\/em>\u201d:<\/p>\n\n\n\n

\"Configurazione
La configurazione dell’ attivatore Tag Manager per tracciare modulo Elementor<\/figcaption><\/figure>\n\n\n\n

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

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

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

Quindi flaggo la voce \u201cRileva modifiche nel DOM<\/em>\u201d.<\/p>\n\n\n\n

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

Google Analytics tag per tracciare il Form Elementor<\/strong><\/h2>\n\n\n\n

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

Nell’interfaccia di Google Tag Manager, vado su Tag> Nuovo> e scelgo Universal Analytics. Quindi uso le seguenti impostazioni:<\/p>\n\n\n\n

\"Configurazione
Configurazione del tag<\/figcaption><\/figure>\n\n\n\n

Ovviamente posso nominare i valori di Categoria, Azione ed Etichetta come preferisco.
Quindi faccio clic sulla sezione Attivazione e scelgo il trigger creato in precedenza (Visibilit\u00e0 dell’elemento<\/em>).<\/p>\n\n\n\n

Test e messa in produzione<\/h2>\n\n\n\n

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

\u2022 L’evento di visibilit\u00e0 dell’elemento dovrebbe apparire nella modalit\u00e0 Anteprima e debug.<\/p>\n\n\n\n

\u2022 Facendo clic sull’evento nella console di debug si dovrebbe visualizzare il tag GA Event attivato<\/p>\n\n\n\n

Ora vado ai rapporti sugli eventi in tempo reale di GA e controllo se l’evento \u00e8 visibile.<\/p>\n\n\n\n

\"Analytics
Analytics in tempo reale – verifica conteggio modulo come evento<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

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.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[715,717,719,721],"tags":[723,725,727,729],"class_list":["post-1794","post","type-post","status-publish","format-standard","hentry","category-analytics-it","category-seo-it","category-tag-manager-it","category-wordpress-it","tag-analytics-it","tag-elementor-it","tag-tag-manager-it","tag-wordpress-it"],"lang":"it","translations":{"it":1794},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"paolo","author_link":"https:\/\/www.gironi.it\/blog\/author\/paolo\/"},"uagb_comment_info":279,"uagb_excerpt":"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.","_links":{"self":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/1794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/comments?post=1794"}],"version-history":[{"count":1,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/1794\/revisions"}],"predecessor-version":[{"id":3164,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/1794\/revisions\/3164"}],"wp:attachment":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/media?parent=1794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/categories?post=1794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/tags?post=1794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}