Como adicionar o Facebook Pixel e a verificação de domínio ao WordPress e ao WooCommerce

OFacebook Pixel (ou Meta Pixel) é um trecho de código que permite medir e otimizar seu site ou loja on-line para anúncios do Facebook. Para usá-lo, você precisa adicionar o código do Facebook Pixel ao site do Woo ou do WordPress.

Hoje, aprenderemos como adicionar o código de verificação de domínio do Meta Pixel e do Facebook ao site do WordPress e à loja on-line do WooCommerce sem nenhum plug-in adicional. Isso levará apenas alguns minutos, e você estará pronto para fazer seus anúncios no Facebook.

Como adicionar o código de verificação de domínio do Facebook ao WordPress ou ao Woo

Às vezes, o Facebook exige a adição de um código de verificação de domínio ao seu site.

Se você quiser adicionar o código de verificação de domínio do Facebook ao seu site WooCommerce ou WordPress, acesse o painel de administração do WordPress e escolha Appearance >> Theme File Editor ou Tools >> Theme File Editor no menu de administração.

Quando estiver lá, abra o arquivo chamado functions.php. Você o encontrará no lado direito da tela.

Agora, role até a parte inferior do arquivo e adicione esta função ao final do arquivo:

function rocksolid_domain_verification() {
  if (is_front_page()) { ?>
    <meta name="facebook-domain-verification" content="fhwgzxpzzzeswlj3pfdp7zk7p8xxao" /> 
  <?php }
}
add_action('wp_head', 'rocksolid_domain_verification');

Basta substituir a linha <meta name=”… /> pelo seu próprio código de verificação de domínio do Facebook e clicar no botão Salvar alterações. O Facebook exige o código de verificação de domínio apenas na página inicial, por isso só o carregamos lá.

Veja como ele se parece no arquivo functions.php real:

É isso – o código de verificação de domínio do Facebook foi adicionado. Agora vamos passar para o código do Meta Pixel.

Adição do Facebook Pixel a lojas WooCommerce e sites WordPress

Adicionar o Meta Pixel (ou Facebook Pixel – a mesma coisa) ao WordPress e ao Woo é um processo bastante fácil.

Acesse o painel de administração do WordPress e, como anteriormente, abra Appearance >> Theme File Editor ou Tools >> Theme File Editor no menu de administração. Em seguida, abra o arquivo functions.php à direita e vá até o final do arquivo. Em seguida, cole esta função.

function rocksolid_meta_pixel() { ?>
	<!-- Meta Pixel Code -->
	<script>
	  !function(f,b,e,v,n,t,s)
	  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
	  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
	  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
	  n.queue=[];t=b.createElement(e);t.async=!0;
	  t.src=v;s=b.getElementsByTagName(e)[0];
	  s.parentNode.insertBefore(t,s)}(window, document,'script',
	  'https://connect.facebook.net/en_US/fbevents.js');
	  fbq('init', '6312661182131');
	  fbq('track', 'PageView');
	</script>
	<noscript><img height="1" width="1" style="display:none"
	  src="https://www.facebook.com/tr?id=6312661182131&ev=PageView&noscript=1"
	/></noscript>
	<!-- End Meta Pixel Code -->
<?php
}
add_action('wp_head', 'rocksolid_meta_pixel');

Não se esqueça de substituir o código Pixel de exemplo pelo seu próprio código Meta Pixel (tudo entre as tags <script>).

Depois de adicionar seu próprio código de pixel do Facebook, clique em Salvar alterações na parte inferior da página e seu código de pixel do Facebook estará pronto para ser usado. Veja como ele se parece no painel de administração:

Como adicionar o código do Facebook Pixel e o código de verificação de domínio do Facebook a uma função no WordPress

Se precisar dos códigos de verificação de pixel e de domínio em seu site WordPress ou Woo, você poderá combinar as duas funções mencionadas anteriormente em uma só:

function rocksolid_meta() {
   if (is_front_page()) { ?>
    <meta name="facebook-domain-verification" content="fhwgzxpzzzeswlj3pfdp7zk7p8xxao" /> 
  <?php } ?>
	<!-- Meta Pixel Code -->
	<script>
	  !function(f,b,e,v,n,t,s)
	  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
	  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
	  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
	  n.queue=[];t=b.createElement(e);t.async=!0;
	  t.src=v;s=b.getElementsByTagName(e)[0];
	  s.parentNode.insertBefore(t,s)}(window, document,'script',
	  'https://connect.facebook.net/en_US/fbevents.js');
	  fbq('init', '6312661182131');
	  fbq('track', 'PageView');
	</script>
	<noscript><img height="1" width="1" style="display:none"
	  src="https://www.facebook.com/tr?id=6312661182131&ev=PageView&noscript=1"
	/></noscript>
	<!-- End Meta Pixel Code -->
<?php
}
add_action('wp_head', 'rocksolid_meta');

Basta substituir o código de exemplo do Meta Pixel e os códigos de verificação pelos seus próprios e pronto!

Deseja adicionar o Google Analytics ao WordPress ou ao WooCommerce?
Então siga nosso tutorial aqui