{"id":34800,"date":"2017-06-22T15:45:00","date_gmt":"2017-06-22T15:45:00","guid":{"rendered":"https:\/\/contactform7.com\/?p=34800"},"modified":"2023-10-17T05:03:48","modified_gmt":"2023-10-16T20:03:48","slug":"on-sent-ok-is-deprecated","status":"publish","type":"post","link":"https:\/\/contactform7.com\/es\/2017\/06\/22\/on-sent-ok-is-deprecated\/","title":{"rendered":"El ajuste on_sent_ok est\u00e1 obsoleto"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">El <a href=\"https:\/\/contactform7.com\/es\/additional-settings\/\">ajuste adicional<\/a> <code>on_sent_ok<\/code> se utiliza para asignar un c\u00f3digo JavaScript que se ejecutar\u00e1 cuando se complete el env\u00edo de un formulario y el correo se haya enviado correctamente. A menudo se utiliza con el fin de <a href=\"https:\/\/contactform7.com\/es\/tracking-form-submissions-with-google-analytics\/\">hacer un seguimiento de los env\u00edos de formularios<\/a> con servicios de an\u00e1lisis web o <a href=\"https:\/\/contactform7.com\/es\/redirecting-to-another-url-after-submissions\/\">redirigir a otra p\u00e1gina<\/a> despu\u00e9s del env\u00edo de un formulario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Los ajustes <code>on_sent_ok<\/code>, y su ajuste hermano <code>on_submit<\/code>, est\u00e1n obsoletos y su eliminaci\u00f3n est\u00e1 programada para finales de 2017.<\/strong> No significa que usar estos ajustes no sean seguro, pero es posible que activarlos aumente el riesgo en caso de que haya vulnerabilidades en este u otros plugins de tu sitio. Es hora de reemplazarlos por una alternativa m\u00e1s segura.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><ins datetime=\"2018-02-01T11:20:02+00:00\">Actualizaci\u00f3n: <code>on_sent_ok<\/code> y <code>on_submit<\/code> han sido oficialmente eliminados en <a href=\"https:\/\/contactform7.com\/es\/2018\/01\/31\/contact-form-7-50\/\">Contact Form 7 v5.0<\/a>.<\/ins><\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La alternativa recomendada a <code>on_sent_ok<\/code> es utilizar <a href=\"https:\/\/contactform7.com\/dom-events\/\">eventos DOM<\/a>. Programar con eventos DOM tiene varias ventajas sobre usar <code>on_sent_ok<\/code>. Para obtener detalles de los eventos DOM personalizados de Contact Form 7, consulta la <a href=\"https:\/\/contactform7.com\/es\/dom-events\/\">documentaci\u00f3n<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, explicar\u00e9 con algunos ejemplos c\u00f3mo puedes reemplazar tus ajustes de <code>on_sent_ok<\/code>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Reemplazando <code>on_sent_ok<\/code> con eventos DOM<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Supongamos que actualmente tienes la siguiente l\u00ednea de ajuste en la <a href=\"https:\/\/contactform7.com\/es\/additional-settings\/\">pesta\u00f1a Configuraci\u00f3n adicional<\/a>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\non_sent_ok: \"ga( 'send', 'event', 'Contact Form', 'submit' );\"\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Este ajuste le indica a Contact Form 7 que ejecute la funci\u00f3n <a href=\"https:\/\/contactform7.com\/es\/tracking-form-submissions-with-google-analytics\/\"><code>ga()<\/code> (seguimiento de Google Analytics)<\/a> cuando se completa el env\u00edo de un formulario y el correo se env\u00eda correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para reemplazarlo con un c\u00f3digo alternativo, usando eventos DOM, primero localiza el archivo llamado <code>functions.php<\/code> en el directorio de tu tema activo. En segundo lugar, a\u00f1ade el siguiente c\u00f3digo en la parte inferior de dicho archivo:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; quick-code: false; notranslate\" title=\"\">\nadd_action( &#039;wp_footer&#039;, &#039;mycustom_wp_footer&#039; );\n  \nfunction mycustom_wp_footer() {\n?&gt;\n&lt;script type=&quot;text\/javascript&quot;&gt;\ndocument.addEventListener( &#039;wpcf7mailsent&#039;, function( event ) {\n    ga( &#039;send&#039;, &#039;event&#039;, &#039;Contact Form&#039;, &#039;submit&#039; );\n}, false );\n&lt;\/script&gt;\n&lt;?php\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Luego, elimina la l\u00ednea <code>on_sent_ok<\/code> de la pesta\u00f1a \u00abAjustes adicionales\u00bb y guarda los cambios del formulario de contacto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Eso es todo!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Apuntando a un formulario de contacto espec\u00edfico<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tienes varios formularios de contacto y quieres ejecutar la funci\u00f3n solo en un formulario espec\u00edfico, haz una comprobaci\u00f3n del ID del formulario, como se muestra a continuaci\u00f3n:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; quick-code: false; notranslate\" title=\"\">\nadd_action( &#039;wp_footer&#039;, &#039;mycustom_wp_footer&#039; );\n  \nfunction mycustom_wp_footer() {\n?&gt;\n&lt;script type=&quot;text\/javascript&quot;&gt;\ndocument.addEventListener( &#039;wpcf7mailsent&#039;, function( event ) {\n    if ( &#039;123&#039; == event.detail.contactFormId ) {\n        ga( &#039;send&#039;, &#039;event&#039;, &#039;Contact Form&#039;, &#039;submit&#039; );\n    }\n}, false );\n&lt;\/script&gt;\n&lt;?php\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">En este caso, la funci\u00f3n <code>ga()<\/code> solo se ejecutar\u00e1 si el ID del formulario de contacto (<code>event.detail.contactFormId<\/code>) es <code>123<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes encontrar el ID de un formulario de contacto, viendo el atributo <code>id<\/code> en el <a href=\"https:\/\/contactform7.com\/es\/getting-started-with-contact-form-7\/\">shortcode contact-form-7<\/a>. Por ejemplo, para el shortcode mostrado a continuaci\u00f3n:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><code>[contact-form-7 id=\"1234\" title=\"Formulario de contacto 1\"]<\/code><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">El ID del formulario de contacto ser\u00eda <code>1234<\/code>.<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>El ajuste adicional on_sent_ok se utiliza para asignar un c\u00f3digo JavaScript que se ejecutar\u00e1 cuando se complete el env\u00edo de un formulario y el correo se haya enviado correctamente. A menudo se utiliza con el fin de hacer un seguimiento de los env\u00edos de formularios con servicios de an\u00e1lisis web o redirigir a otra p\u00e1gina &hellip; <a href=\"https:\/\/contactform7.com\/es\/2017\/06\/22\/on-sent-ok-is-deprecated\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">El ajuste on_sent_ok est\u00e1 obsoleto<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_locale":"es_ES","_original_post":"22909","footnotes":"","jetpack_post_was_ever_published":false},"categories":[20],"tags":[],"class_list":["post-34800","post","type-post","status-publish","format-standard","hentry","category-announcement","es-ES"],"jetpack_featured_media_url":"","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/posts\/34800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/types\/post"}],"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=34800"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/posts\/34800\/revisions"}],"wp:attachment":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/media?parent=34800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/categories?post=34800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/tags?post=34800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}