Category Archives

2 Articles

Crie públicos ultra personalizados com Eventos do Facebook

Bem vindos.

Neste post, trataremos do uso avançado de algumas funcionalidades do Pixel Facebook para desenvolvermos Look a Likes ultra personalizados. Para aproveitar todo o potencial, são necessários conhecimentos básicos sobre Campanhas e Ativos de Conta de Anúncios do Facebook como o Pixel. E um conhecimento básico de Javascript para instalar e criar eventos personalizados.

O caso de uso é o seguinte: As pessoas estão visitando a página do seu produto. Com o Google Analytics, você percebe que seus visitantes passam um tempo considerável na sua página de vendas, com o Crazy Eggs ou HotJar, saberemos onde as pessoas estão clicando. Com o facebook, sabemos que os nossos clientes estão visualizando nossas páginas e conteúdos através do PageView e ViewContent, conseguimos reunir dados de Adição ao Carrinho e Compras usando os eventos AddToCart e Purchase.

Mas e se quisermos criar uma campanha no facebook para as pessoas que visualizaram nossas opções de compra e abandonaram o nosso site? Ou para as pessoas que leram os depoimentos, dispararam o initiateCheckout mas não compraram? No Gerenciador de Negócios do Facebook, temos à nossa mão alguns eventos padrão logo à mão para usarmos em nossas campanhas. Não entrarei no mérito sobre como funciona cada um deles, vamos nos ater às novas possibilidades proporcionadas com o uso do Plugin CampaignFacebook. Se quiser saber mais sobre os Eventos padrão do facebook, acesse este link.

Para ilustrar todas as etapas de implementação e como o plugin CampaignFacebook pode ser extremamente útil para a sua Campanha, vamos trabalhar no seguinte caso de uso / necessidade: Uma Campanha especializada para as pessoas que visualizam meu Mural de Ofertas e em seguida abandonam meu site.

Com eventos padrão como o PageView e o ViewContent, é possível criar métricas e enviar para o facebook quantas pessoas estão visualizando uma página ou conteúdo, mas não podemos saber quem visualizou as opções de compra do produto mas não clicou nas ofertas ou pior… saiu da página logo em seguida!

E se pudéssemos criar um evento especialmente para trackear estas pessoas que visualizam nossa OfferWall e não vão para o Checkout para iniciar a compra? Este é o tipo de problema resolvido com o uso de um plugin como o CampaignFacebook. Para começar, baixe o plugin CampaignFacebook através deste endereço para Baixar o plugin. Descompacte os arquivos e insira no final do html da sua página. Não esqueça de se certificar de que sua página já tenha o jquery instalado. No final, você terá um código semelhante a este:

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="campaign-facebook.min.js"></script>
<script src="app.js"></script>
<script type="text/javascript">
    window.onload = function () {
        App.init();
    };
</script>

A linha 1 a 3 contém as tags de inclusão do jquery, do plugin e do arquivo de configuração do plugin, das linhas 4 a 6, temos a chamada que inicia o script assim que toda a página esteja carregada. Esta organização ajuda a separar o plugin em si do que você precisará para usar as funcionalidades da ferramenta. Estando ok, vamos entender como funciona e como você pode aproveitar todo o potencial do CampaignFacebook.

Abra o arquivo app.js no seu editor de javascript. Caso você não tenha ideia de qual usar, pode uilizar um editor online como o codepad. Nele, vamos encontrar o seguinte código:

var App = 
{
    cfg:{
        // substitua o 0 pelo id do seu pixel do facebook
        id:0
        ,initialized:false
        ,toFire:{
            // Configuração para disparar o evento PageView
            PageView:{
      	        content_name:'nome-do-conteudo' // insira o nome do seu conteúdo para organizar seu evento no BM
               ,content_category:'categoria-do-conteudo'
            }
            // ao atribuir false ao evento ou ao não informar o evento, o plugin não vai dispará-lo
          ,ViewContent:false
        }
    }
    // não precisa modificar este script
    ,init:function()
    {
        $(document).ready(function(){
            CampaignFacebook.init( App.cfg );
        });
    }
};

Para o plugin ser iniciado corretamente, é necessário informar o id do seu pixel do facebook. Substitua o 0 na linha 5 pelo seu id do pixel. Por padrão, o evento PageView já está configurado para ser disparado assim que o plugin estiver totalmente carregado e iniciado. Modifique os parâmetros content_name e content_category para controlar melhor as informações do Evento ou simplesmente atribua false ao evento para não dispará-lo.

Agora vamos à parte interessante  e muito útil do plugin: criar eventos customizados e dispará-los de acordo com determinadas ações executadas pelo usuário dentro da sua página!

Você faz ideia do que é possível criar com esta feature? Desde audiências diferenciadas à ações únicas para determinado tipo de público de acordo com o comportamento apresentado. Casos muito interessantes que podemos ilustrar:

  • Notificar nossa Campanha sobre qual Kit nosso pretenso comprador clicou, se foi o de 1, 3 ou 5 unidades do produto anunciado e criar um público personalizado para determinar novas ações para impactar este público.ão
  • Criar um evento para quando o usuário rolar a página até certo conteúdo ( dúvidas frequentes, cards de ofertas, como funciona etc )
  • Passou o mouse sobre o botão de CTA, mas não clicou.

Estas são apenas 3 das muitas possibilidades de expansão e especialização de suas Campanhas do Facebook. Vamos ao código necessário para a colocar isto em prática:

CampaignFacebook.fireFBEvent({ event:'ClicouNoKit1Unidade', params:{ unidades: 1, pagina:'pagina-vendas' } } );

O evento fireFBEvent recebe como parâmetro um objeto contendo 2 atributos:  event e params. O atributo event serve para dar nome ao Evento customizado. O atributo params também recebe um objeto simples e se encarrega dos parâmetros deste evento, onde você pode escolher o que quiser para os nomes e valores. Recomendo que mantenha sempre os mesmos nomes de parâmetros para o atributo params para não quebrar a uniformidade do evento customizado e dos públicos e audiências que você criará a partir dos seus novos Eventos Customizados.

Para começarmos, clique em “Clicar Público Personalizado”,

Público personalizado

Criar Público Personalizado no Facebook

Em Seguida, no grupo de Eventos, escolha um dos seus Eventos Personalizados para criar um novo Público.

Escolha o Evento ClicouKit para criarmos um novo Público Personalizado

Isto é opcional, mas pode melhorar bastante a especialidade do seu novo Público Personalizado uma vez que você usará os parâmetros que você criou para o seu Evento Customizado

Utilize os atributos customizados

Utilize os seus parâmetros para Especializar ainda mais o seu público e planejar com grande precisão as ações a tomar para cada um dos públicos da sua Campanha

Valor para o atributo e Nome para o novo Público personalizado

Atribua um valor específico ao parâmetro customizado e nomeie o seu novo Público personalizado de uma forma organizada

Eventos customizados

Possilibidades Eventos Customizados

Podemos fazer um público de acordo com a quantidade que cada kit contém e usá-los com abordagens diferentes dentro das estratégias da Campanha. Há também a opção de incluir outros eventos na composição do público ou excluir para turbinar seu Look a Like. Man, isso é muito louco (: Crie estratégias bastante diversificadas, só depende da sua necessidade e da sua criatividade!

Até breve!

Aumente suas chances de conversão mantendo o usuário por mais tempo na sua campanha: Plugin Exit Intent

O visitante se interessa pelo seu anúncio, clica, chega na sua página e vai embora em menos de 20 segundos sem ao menos conferir as ofertas ou ler os depoimentos das pessoas que já compraram e estão satisfeitas com o seu produto.

Acontece. Acontece muito.

No post anterior, vimos como direcionar nossos visitantes para onde quisermos quando ele tentar sair através do botão Voltar. Agora, vamos usar um plugin um pouco mais avançado e com mais recursos: Exit Intent.

Read More

Gostou do meu Blog? Compartilhe e se inscreva para receber Notificações de novos Conteúdos :D

RSS
Receba Notificações por Email
Facebook
Facebook
Google+
Google+
http://adrianoalves.com.br/category/tecnologia/programacao/javascript">
Twitter
YouTube
YouTube