Como adicionar Pixel do Facebook e Tags do Google nos modelos de formulário do Rubeus?

Como eu adiciono o Pixel do Facebook e as Tags do Google nos modelos de formulário da Plataforma Rubeus? Esta é uma pergunta recorrente à nossa equipe e, por isso, revelamos como funciona este processo.

Vamos descobrir, então?

Por padrão, o Facebook, Google e demais ferramentas geram códigos de monitoramento em formato HTML. Com isso, atualmente, no Rubeus, você pode instalar essas tags. Veja abaixo como fazer isso:

Edição avançada - você poderá utilizar a opção de edição avançada dos modelos de formulários. No entanto, nessa opção só é possível utilizar JavaScript. Por isso, é necessário utilizar os códigos nos padrões abaixo:

Atenção!
No modelo de formulário no qual você deseja incluir os códigos, cole os 
seguintes códigos em Edição avançada > Javascript em Head.

Pixel do Facebook

!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', 'Cole o código do seu pixel aqui');
fbq('track', 'PageView');

Google Tag Manager

const GTMKey = 'COLE SEU CÓDIGO DE GTM AQUI';
(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',GTMKey);

Google Global Tag (Analytics ou Ads)

const GTAG = 'Cole o código gerado aqui';
const gtagScript = document.createElement('script');
gtagScript.async = true;
gtagScript.src = `https://www.googletagmanager.com/gtag/js?id=${GTAG}`
document.head.appendChild(gtagScript);
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', GTAG);

Feito isso, clique em Salvar e Republicar. Neste momento, tudo deve estar funcionando corretamente, mas para verificar se realmente está, sugerimos que você utilize as duas seguintes extensões para o seu Google Chrome:

• Facebook Pixel Helper

• Tag Assistant Legacy (by Google)

Se ainda tiver alguma dúvida sobre este processo, entre em contato com o nosso time de suporte. Eles estão disponíveis para te auxiliar a qualquer momento.