{"id":49283,"date":"2023-10-01T16:55:09","date_gmt":"2023-10-01T07:55:09","guid":{"rendered":"https:\/\/contactform7.com\/?page_id=49283"},"modified":"2023-10-01T16:55:09","modified_gmt":"2023-10-01T07:55:09","slug":"tracking-form-submissions-with-google-analytics","status":"publish","type":"page","link":"https:\/\/contactform7.com\/es\/tracking-form-submissions-with-google-analytics\/","title":{"rendered":"Seguimiento de env\u00edos de formularios con Google Analytics"},"content":{"rendered":"\n

Si utilizas Google Analytics para monitorear el tr\u00e1fico web en tu sitio, es posible que tambi\u00e9n desees realizar un seguimiento de los env\u00edos de formularios. Este art\u00edculo describe c\u00f3mo realizar un seguimiento de los env\u00edos de formularios como eventos con Google Analytics 4<\/a> (GA4).<\/p>\n\n\n\n\n\n\n

Nota: este art\u00edculo no abordar\u00e1 el uso b\u00e1sico de Google Analytics. Si a\u00fan no est\u00e1s familiarizado con Google Analytics, consulta primero la documentaci\u00f3n de Google. La forma m\u00e1s sencilla de introducir GA4 (y configurarlo en un sitio WordPress) ser\u00eda utilizar el plugin Site Kit<\/a> de Google.<\/p>\n\n\n\n

Seguimiento de eventos<\/h4>\n\n\n\n

Para enviar un evento a Google Analytics, llama la funci\u00f3n gtag()<\/a><\/code>:<\/p>\n\n\n

\ngtag( 'event', 'event_action', {} );\n<\/pre><\/div>\n\n\n
Para realizar un seguimiento de los eventos de env\u00edo de formularios, cuando el env\u00edo de correo electr\u00f3nico se haya completado correctamente, utiliza el evento DOM<\/a> personalizado wpcf7mailsent<\/code>:<\/p>\n\n\n
\ndocument.addEventListener( 'wpcf7mailsent', function ( event ) {\n    gtag( 'event', 'wpcf7_submission', {\n        'event_category': event.detail.contactFormId,\n        'event_label': event.detail.unitTag\n    } );\n}, false );\n<\/pre><\/div>\n\n\n
Insertar JavaScript en HTML<\/h4>\n\n\n\n
El siguiente paso es insertar el fragmento de JavaScript anterior en un lugar apropiado en el c\u00f3digo fuente HTML de las p\u00e1ginas de la vista p\u00fablica (frontend<\/em>).<\/p>\n\n\n\n
Hay varias formas de hacer esto. No las analizaremos todas, pero proporcionaremos un fragmento de c\u00f3digo de ejemplo que utiliza el gancho de acci\u00f3n wp_footer<\/code> para insertar un elemento de tipo script<\/em>, incluido el fragmento de JavaScript anterior, en el \u00e1rea del pie de p\u00e1gina de las p\u00e1ginas:<\/p>\n\n\n
\nadd_action( 'wp_footer', function () {\n?>\n<script>\ndocument.addEventListener( 'wpcf7mailsent', function ( event ) {\n    gtag( 'event', 'wpcf7_submission', {\n        'event_category': event.detail.contactFormId,\n        'event_label': event.detail.unitTag\n    } );\n}, false );\n<\/script>\n<?php\n}, 10, 0 );\n<\/pre><\/div>\n\n\n
Intenta incrustar esto en el archivo functions.php<\/code> en su tema activo (preferiblemente, un tema hijo<\/a>). Si todo se ha configurado correctamente, ver\u00e1s los eventos wpcf7_submission<\/code> en la consola de GA4 unas horas despu\u00e9s de que se realice el seguimiento de los eventos.<\/p>\n","protected":false},"excerpt":{"rendered":"
Si utilizas Google Analytics para monitorear el tr\u00e1fico web en tu sitio, es posible que tambi\u00e9n desees realizar un seguimiento de los env\u00edos de formularios. Este art\u00edculo describe c\u00f3mo realizar un seguimiento de los env\u00edos de formularios como eventos con Google Analytics 4 (GA4). Nota: este art\u00edculo no abordar\u00e1 el uso b\u00e1sico de Google Analytics. … Seguir leyendo Seguimiento de env\u00edos de formularios con Google Analytics<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"es_ES","_original_post":"1271","footnotes":""},"class_list":["post-49283","page","type-page","status-publish","hentry","es-ES"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/49283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/comments?post=49283"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/49283\/revisions"}],"wp:attachment":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/media?parent=49283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}