Adicionar Google Tag Manager sem plugins no WordPress

Adicionar Google Tag Manager sem plugins no WordPress

Categoria

WordPress

Postado em

16 de maio de 2020

Tempo de leitura

3 minutos

Visualizações

3172

Fala ai galerinha blzera?

Então gravei um vídeo horrível de audio (kkkk) para que vocês saibam como estarem inserindo seu Google Tag Manager sem a necessidade de plugins.

Neste vídeo vamos trabalhar com duas ações:

wp_head();

wp_body_open();

Vamos trabalhar também com o wp_customize , vale a pena gastar um tempinho para estudar esse carinha ai.

Segue abaixo código completo do customize:

<?php


/*---- Customizer ----*/
function pointcom_google_tag_manager($wp_customize)
{

    $wp_customize->add_section( 'pointcom_secao_gtm' , array(
        'title'					=> __( 'Google Tag Manager' , 'pointcomunicacao' ),
        'description'			=> __( 'Configurando o ID do Google Tag Manager' , 'pointcomunicacao' ),
    ));

    $wp_customize->add_setting( 'pointcom_config_gtm' , array(
        'type'					=> 'theme_mod',
        'default'				=> '',
        'transport'				=> 'refresh'
    ));

    $wp_customize->add_control( 'pointcom_control_gtm' , array(
        'label'					=> __( 'Código GTM' , 'pointcomunicacao' ),
        'description'			=> __( 'Insira seu código GTM abaixo' , 'pointcomunicacao' ),
        'section'				=> 'pointcom_secao_gtm',
        'settings'				=> 'pointcom_config_gtm',
        'context'				=> 'text'
    ));

}
add_action( 'customize_register' , 'pointcom_google_tag_manager' );

function pointcom_tag_manager_head( $code )
{
    $code = get_theme_mod( 'pointcom_config_gtm' );

    echo '<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":
new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src=
"https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,"script","dataLayer","'. $code .'");</script>
<!-- End Google Tag Manager -->';
}
add_action( 'wp_head' , 'pointcom_tag_manager_head' , 0 );



function pointcom_tag_manager_body( $code )
{
    $code = get_theme_mod( 'pointcom_config_gtm' );

    echo '<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=' . $code . '"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->';
}
add_action( 'wp_body_open' , 'pointcom_tag_manager_body');

Espero ter ajudado..

Ahhhhhhhhhhhhhhhhhh já estava esquecendo o vídeo. Segue abaixo:

Gostou? compartilhe nas redes!! ;)

Deixe seu comentário