CURSO SUBIDO DE TRÁFEGO

Como instalar o
pixel, configurar
eventos e
verificar
Pixel do Facebook

@sobralpedro_ pedrosobral.com.br
 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Como instalar o pixel, configurar eventos

e verificar
Pixel do Facebook
________

1 - Introdução (00’00’’)

Para recapitular, como tem sido no inicio de todas as aulas sobre pixel do Facebook, até agora
nos vimos que o pixel é um monte de dados que tem como principal função levar as informações
do teu site para o Facebook, ou seja, é um x9, um informante.

Vimos também que o pixel do Facebook também serve para gerar mais resultados e mostrar os
teus anúncios para as pessoas certas. Ele faz isso porque tem o poder de acumular informações
sobre as pessoas que acessam o teu site.

Ele pode levar todos essas informações para o Facebook, porem ele não leva todos os dados. Ele
só leva para o Facebook as informações que você solicita para ele.

A gente solicita os dados para o pixel através de 3 recursos:

- Eventos padrão

- Eventos personalizados

- Conversões personalizadas

E quando a gente usa cada um desses recursos?

- Eventos padrão: Quando a ação que o usuário vai realizar dentro do site já foi predefinida pelo
Facebook.

- Eventos personalizados: Quando eu quero que o pixel me informe sobre uma determinada
ação que o Facebook não predefiniu.

Como instalar o pixel, configurar eventos e verificar 1

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

- Conversões personalizadas: Quando eu quero que o pixel me informe sobre determinadas

ações realizadas em determinadas URL’s

Agora como eu faço para juntar todas essas informações, instalar o pixel no site e saber se o pixel
foi instalado corretamente?

O teu site é feito de códigos e instalar o pixel no teu site é pegar o código do pixel do Facebook e
colocar ele no teu site. O primeiro passo para fazer isso é entender como que se dividem os
códigos dentro dos sites.

Os códigos dentro dos sites se dividem em dois lugares: Head (cabeça) e Boddy (corpo).

Então o site sempre é composto de dois lugares, tem a cabeça do site e tem o body do corpo site.

O Pixel do Facebook sempre tem que ser instalado no Head. Eu não sei se tu vai instalar o pixel
por ti mesmo ou vai pedir para um desenvolvedor instalar o pixel pra ti, mas de qualquer maneira
tu precisa saber que o pixel vai no head, seja para falar para o teu desenvolvedor ou para você
mesmo saber onde o pixel tem que ser instalado.

Existem duas maneiras de instalar o pixel dentro do site:

1) Manualmente – Você vai entrar na ferramenta que desenvolve teu site – eu não sei qual
ferramenta você usa, se é Wordpress, Leadpages, Clickpages, Builderall, Elementor, seja qual
delas for, você vai entrar na que você usa para construir o teu site – e vai, manualmente, pegar o
código do pixel e instalar manualmente no teu site.

Isso não é muito difícil porque na internet tem tutorial para tudo. Então se você instalar o pixel
manualmente, você vai ir lá no YouTube e pesquisar:

“como instalar o pixel do Facebook no [NOME DA TUA FERRAMENTA]”

Não importa qual seja a ferramenta que você usa, certamente tem um tutorial bem simples de
como fazer isso no YouTube.

Agora se você não achar um vídeo tutorial para instalar o pixel na sua ferramenta, você vai lá na
Comunidade Sobral e vai falar para a galera “Pessoa, vi a aula de pixel do Pedro, procurei no

Como instalar o pixel, configurar eventos e verificar 2

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

YouTube mas não achei. Alguém aqui sabe como instala o pixel do Facebook no [NOME DA TUA
FERRAMENTA]”

Com certeza vai ter uma explicação detalhada de algum membro da Comunidade Sobral para te
ajudar. O que eu quero dizer com tudo isso é que não deve ser uma preocupação instalar o pixel
do Facebook, é uma coisa fácil e se você não conseguir fazer sozinho, tem alguém na
Comunidade que vai te ajudar.

2) Parceiros do Facebook – O Facebook possui vários parceiros que facilitam a instalação do

pixel dentro do teu site. Alguns desses parceiros são: Shopify, loja integrada, wordpress, wix...

Vários desses sites já são parceiros do Facebook e possuem ferramentas de instalação do pixel
de uma maneira um pouco mais fácil e rápido

2 – Adicionando Manualmente o pixel – Passo a Passo na ferramenta

(05’41’’)

Dentro da tua conta de anúncios, você vai clicar no botão com 9 pontinhos (1) e vai selecionar a
opção “Gerenciador de eventos (2)”

Como instalar o pixel, configurar eventos e verificar 3

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Na página do gerenciador de eventos você vai ter o seu pixel (1) e para instalar ele no seu site
você vai clicar em Add Events (adicionar eventos) (2)

Quando você clicar em Add Events vão aparecer 3 opções e você vai escolher a segunda que diz
From a New Website (de um novo site) (3). Essa opção é basicamente para você instalar um
pixel em um lugar que ainda não possui um pixel instalado.

Assim que você clicar em From a new Website, vai abrir uma janela perguntando como você
deseja instalar o pixel e vão ter duas opções. Essas opções são as duas formas de instalação do
pixel que eu te expliquei anteriormente.

Nesse momento nos vamos começar com a instalação manual, então nos vamos clicar na opção
instalar o código manualmente

Como instalar o pixel, configurar eventos e verificar 4

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Na próxima janela o Facebook já vai te disponibilizar o código do pixel. Repara que ele nem
mostra o código, porque não há necessidade de eu saber exatamente qual é o código.

O que ele vai informar é qual é o seu código e terá uma instrução para você copiar o código e
depois inserir ele no Head do teu site.

Repara que no topo tem a seguinte mensagem

“O código do pixel é um trecho de código JavaScript” - JavaScript é a linguagem do código –

“adicionado à seção de cabeçalho do seu site.” – Cabeçalho é a cabeça do site, ou seja, a Head
do site –“ O pixel tem duas partes: o código de base – O código base é o código que vai em
todas as páginas não importa qual seja - e as tags do evento.”- Evento é uma ação realizada
no teu site.

Uma coisa que pode ser feita aqui é enviar essas instruções por e-mail. Então caso você queira
enviar par um amigo seu ou para um programador você pode clicar no botão enviar instruções
por e-mail e adicionar o endereço de quem você quer enviar. Qualquer pessoa que entenda
minimamente sobre programação vai ser capaz de te ajudar a fazer isso.

Como instalar o pixel, configurar eventos e verificar 5

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Mas nesse caso eu mesmo quero fazer esse processo, então eu vou clicar no botão para copiar o
código (1) e vai surgir a instrução para colar o código de base no site (2) e em seguida vou
clicar em continuar.

Na próxima etapa você vai deixar habilitada a opção Ativar correspondência avançada
automática e aperta em continuar.

Essa opção serve para o Facebook achar com mais facilidade os teus usuários.

Como instalar o pixel, configurar eventos e verificar 6

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Após clicar em continuar, você vai para a próxima etapa. Aqui você ignora essas instruções para
adicionar eventos usando a ferramenta de configuração de eventos. Nessa etapa você vai clicar
em Instale eventos usando código.

Como instalar o pixel, configurar eventos e verificar 7

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Agora esse código que eu copiei é esse

O que você precisa saber sobre esse código é:

- Tem que ser instalado no Head do teu site
- “como instalar o pixel do Facebook no [NOME DA TUA FERRAMENTA]”
- Como adicionar os eventos padrão e os eventos personalizados dentro do código do Facebook.

3 – Adicionar manualmente os eventos padrão e personalizados

dentro do código do Facebook (10’28’’)

Quando você tem o código, em duas linhas dele você vai ter essas duas informações:
- fbq(‘init’), ‘numero do pixel’);
- fbq(‘track’, ‘PageView’);

Como instalar o pixel, configurar eventos e verificar 8

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Se eu
quiser instalar um evento no meu pixel, por exemplo, um evento de lead. Eu quero instalar o pixel
na página em que as pessoas se cadastraram. O que eu vou fazer é:
1º - Vou dar dois espaços abaixo de - fbq(‘track’, ‘PageView’);

2º - Ir até para a página da central de ajuda que fala quais são os eventos padrão, pegar o
evento que eu quero e copia-lo – aqui eu vou procurar o evento lead e copiar o código do
evento padrão lead

Como instalar o pixel, configurar eventos e verificar 9

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

3º - Cola no espaço que você deixou abaixo da linha fbq(‘track’, ‘PageView’).

Isso que eu acabei de colar é o meu evento. Eu vou colocar esse evento somente na página em
que a pessoa virou um Lead, ou seja, não vou colocar na página de captura.

Pois se eu colocar esse pixel com esse código na página de captura, toda vez que alguém entrar
nela o pixel vai avisar “virou lead” e essa informação que o pixel vai passar é errada.

Como instalar o pixel, configurar eventos e verificar 10

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Então esse evento padrão para avisar quem virou lead só deve estar na página que a pessoa irá
cair após concluir o cadastro, ou seja, lá na página de obrigado.

Agora se eu quisesse colocar um evento customizado a gente vai pegar esse mesmo
fbq(‘track’, ‘Lead’) e vamos editar ele.

Nos vamos adicionar após o ‘track’ a palavra Custom: fbq(‘trackCustom’, ‘Lead’)

E depois eu vou colocar o nome do meu evento, por exemplo, eu vou criar o evento
personalizado de quem caiu na página de captura da aula ao vivo.

Então vou colocar: fbq(‘trackCustom’, ‘CapturaAulaAoVivo’)

E essa vai ser o código do evento personalizado de quem caiu na página de captura da aula ao
vivo.

Agora onde eu vou instalar esse pixel com esse código? Na página de captura da aula ao vivo.

E observa: O código base (o que está em azul no print abaixo) é sempre o mesmo e vai sempre
instalado em todas as páginas do site.

Então em todas as páginas do seu site você vai instalar esse código que está em azul.

Como instalar o pixel, configurar eventos e verificar 11

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

E o evento (o que está em rosa no print abaixo) varia de acordo com a página/informações que
você quer que o pixel te fale.

Ou seja, o
código base vai ter que ser instalado manualmente – ou através dos parceiros que eu já vou
explicar – em todas as páginas.

Já o evento vai ser colocado apenas nas páginas que a gente quer utilizar para nos passar
informações específicas.

Resumindo como se faz instalação manual:

- Instalar o código base (azul) no Head de todas as páginas

- Instalar o código do Evento Padrão só nas páginas que queremos informações especificas.

Para fazer isso a gente vai:

- Achar dentro da nossa ferramenta de páginas o local onde instalamos o pixel. Onde achar?

1º lugar para procurar: Na central de ajuda na ferramenta de site/paginas onde instala o código,
ou;

Outros lugares para procurar: tutorial no YouTube, ou procura um amigo nerd/programador ou

pergunta na Comunidade Sobral)

Como instalar o pixel, configurar eventos e verificar 12

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Mas te garanto que toda ferramenta de página que se preze tem uma central de ajuda e nessa
central de ajuda você vai encontrar como instalar o pixel do facebook no teu site.

E agora nos vamos ter uma opção um pouco mais fácil para fazer a instalação do pixel que é
através dos parceiros do Facebook.

4 – Instalação do Pixel pelos parceiros do Facebook (17’56’’)

O Facebook possui parceiros que facilitam a instalação do pixel. Para fazer isso, nos vamos voltar
no pixel na página do Gerenciador de Eventos. Aqui nos vamos clicar em AddEvent (adicionar
evento)(1) e selecionar a opção From a new Website (de um novo site) (2)

Na próxima janela nos vamos identificar a opção “Usar uma integração de parceiros” e clicar no
botão Usar um parceiro

Como instalar o pixel, configurar eventos e verificar 13

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Após clicar no botão, ele vai abrir uma lista com vários parceiros do Facebook que podem te
ajudar na instalação do pixel.

Então se você criou o seu site através de um desses parceiros, isso vai facilitar muito a instalação
do seu pixel. Eu acredito que o mais utilizado desses aqui é o WordPress, então vamos simular
aqui que eu queira instalar o pixel no meu site criado por essa ferramenta. Então eu vou clicar
em WordPress.

Como instalar o pixel, configurar eventos e verificar 14

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Em seguida, vai abrir uma janela com algumas opções que podem ser ativadas. Aqui nessa janela
nos vamos sempre ativar o Advanced Matching. Essa função faz com que o pixel encontre os
usuários mais facilmente.

Então vou ativa-lo e clicar em continuar.

Quando eu fizer isso ele vai me dar o segundo passo que é baixar o plugin. Então eu vou clicar
em download (1) e vai ser iniciado o download. Depois de concluir o download (2) você vai
clicar no botão continuar (3).

Como instalar o pixel, configurar eventos e verificar 15

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Ai ele vai me passar algumas instruções para eu realizar na ferramenta do WordPress. Então vou
até o WordPress, realizo essas instruções e volto aqui para continuar.

Cumprida
as instruções anteriores, as próximas vão orientar a instalação do plugin que eu acabei de baixar.
Você vai cumprir essas instruções de instalação do plugin na ferramenta do Wordpress e apertar
em continuar aqui no Facebok

Como instalar o pixel, configurar eventos e verificar 16

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

A próxima instrução é para você ativar o plugin e novamente essa etapa você vai cumprir lá na
ferramenta do WordPress de acordo com as instruções dadas aqui no Facebook. Assim que
cumprir o passo a passo, clica em continuar.

Ai ele vai pedir para você revisar as configurações.

E por fim vai pedir para você verificar a conexão do seu pixel, ou seja, se está funcionando
corretamente. Aperte em continuar.

Como instalar o pixel, configurar eventos e verificar 17

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Até agora a gente fez a instalação do código base, que é o código pintado de azul e que vai estar
em todas as páginas do teu site.

Agora a gente completou a instalação apenas do código base do teu pixel, mas sem que tenha
nenhum evento instalado. Então a gente precisa instalar os eventos nas páginas onde a gente
quer que o pixel do Facebook mande alguma informação específica para a a gente.

Eu já te expliquei como você faz esse processo de instalação de forma manual inserindo no
código base o código do evento e depois inserindo manualmente na head do seu site.

Como instalar o pixel, configurar eventos e verificar 18

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

5 - Instalação de eventos usando a ferramenta de configuração de

eventos (22’30’’)

Só que agora eu vou te explicar como fazer isso através da ferramenta de configuração de
eventos.

Essa ferramenta pode ser acessada atráves desse mesmo passo a passo para instalar o pixel
através dos parceiros.

Ou a gente pode acessar ela por outro caminho. Eu vou fazer pelo outro caminho porque é
importante você saber como acessar por lá porque sempre que você precisar utilizar essa
ferramenta, você vai fazer diretamente por lá e não através de todo esse passo a passo que eu
acabei de te mostrar.

O outro caminho é o seguinte:

- Já tenho o código base instalado no meu site: Fiz o processo que o Facebook me orientou para
instalação com um site parceiro ou então pesquisei na central de ajuda e instalei manualmente o
código base, ou ainda fiz por um tutorial que eu achei no YouTube para instalar manualmente.

Como instalar o pixel, configurar eventos e verificar 19

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

- E agora eu quero instalar um evento na minha página.

E para fazer isso a gente vai clicar em AddEvent e selecionar a terceira opção, que é para
adicionar eventos em página que já tem o código base instalado.

Depois disso vai aparecer uma janela para a gente clicar no botão Iniciar a ferramenta de
configuração.

Como instalar o pixel, configurar eventos e verificar

20
 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Ai ele vai me perguntar em que página eu quero instalar o evento. No meu exemplo aqui eu
quero instalar o evento Lead na minha página de obrigado.

Então eu vou copiar a URL da minha página de obrigado, colar aqui nesse espaço para inserir a
URL e por fim, clicar em ABRIR SITE

Depois de clicar em abrir site, ele vai abrir em uma nova aba a URL que você colou e junto vai
carregar a ferramenta de configuração de eventos do Facebook (1).

Aqui eu posso rastrear o clique em um botão (2), no passo eu já testei essa opção.

Como instalar o pixel, configurar eventos e verificar 21

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Mas como eu quero rastrear quem se tornou Lead, eu vou clicar em Rastrear uma URL (3)

Aqui eu quero rastrear quem realizou o cadastro, então eu vou selecionar o evento cadastro
aqui (1) e eu quero rastrear nessa url para qual eu estou mandando as pessoas. (2). Finalizo
clicando no botão concluir. (3)

Ai agora na página que eu instalei o evento eu posso ver através da extensão Facebook Pixel
Helper que o evento Lead foi instalado na página e o método de instalação foi através da
ferramenta de configuração de evento (Event Setup Tool).

Como instalar o pixel, configurar eventos e verificar 22

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

Então essa é uma das maneiras de você instalar um evento no seu site se você já tem o pixel
base instalado no seu site.

Então para instalar o código base no seu site através dos parceiros do Facebook você deve:

- Seguir o passo a passo informado pelo Facebook

E eu te expliquei um bônus:

- Após ter o “pixel base” instalado no seu site, você pode usar a ferramenta de configuração de
eventos para inserir determinados eventos em determinadas páginas sem ter que editar o código
manualmente.

Lembra no começo que eu te expliquei como inserir manualmente o código do evento no código
base do seu pixel, para depois você colocar ele, também manualmente, na head do seu site? O

Como instalar o pixel, configurar eventos e verificar 23

 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

código ficaria dessa forma aqui:

Mas isso não é necessário se você já tem o código base do pixel (o AZUL) instalado dentro do teu
site. Se o código base do seu site já estiver instalado, então o processo para você instalar os
eventos fica mais fácil, você só vai precisar utilizar a ferramenta de configuração de eventos para
configurar determinados eventos em determinadas páginas.

6 - Verificar se o Pixel está instalado (28’30’’)

A gente faz isso através dessa ferramenta que eu já mencionei durante essa aula que é o
Facebook Pixel Helper.

Essa extensão do Google Chrome serve para você poder ver em todas as paginas que você entrar
se existe um pixel instalado, se tem mais de um pixel instalado e quais são os eventos que estão
instalados na página.

Então você deve adicionar essa extensão no seu navegador (Google Chrome).

Eu quero que você perceba o seguinte:

- Os eventos verdinhos foram instalados manualmente;

Como instalar o pixel, configurar eventos e verificar

24
 CURSO SUBIDO DE TRÁFEGO Pixel do Facebook

- O evento Lead foi instalado com a ferramenta de configuração de eventos;

- E o [TYP] Aulas, que tem o ícone com uma estrelinha, ele é uma custom conversion (conversão
personalizada).

E para saber o que é uma conversão personalizada você tem que assistir à próxima aula, pois
esse será o tema.

Sumário

1 - Introdução (00’00’’) 1

2 – Adicionando Manualmente o pixel – Passo a Passo na ferramenta (05’41’’) 3

3 – Adicionar manualmente os eventos padrão e personalizados dentro do código do

Facebook (10’28’’) 8

4 – Instalação do Pixel pelos parceiros do Facebook (17’56’’) 13

5 - Instalação de eventos usando a ferramenta de configuração de eventos (22’30’’) 19

6 - Verificar se o Pixel está instalado (28’30’’) 24

Como instalar o pixel, configurar eventos e verificar 25