Como adicionar um widget de bate-papo do Facebook Messenger a um site por meio do Gerenciador de tags do Google

Larry Kim Blocked Unblock Seguir Seguindo 7 de janeiro

Usar um chatbot do Facebook Messenger para o seu site bate-papo é uma maneira altamente eficaz de aumentar sua lista de contatos para o marketing do Facebook Messenger .

Ao mesmo tempo, seus clientes recebem respostas instantâneas e suporte em uma experiência otimizada para dispositivos móveis.

Hoje, vou mostrar como adicionar um widget de bate-papo do Facebook Messenger ao seu website em três etapas simples usando o Gerenciador de tags do Google.

Você pode usar o construtor chatbot gratuito do MobileMonkey e esses modelos do Facebook Messenger com o Gerenciador de tags do Google para adicionar um widget de bate-papo do Facebook Messenger ao seu site, independentemente da plataforma em que for executado – incluindo plataformas CMS como Joomla, Magento, Shopify, WordPress e muito mais. Usaremos um site da WIX para ilustrar.

(Para outra maneira de adicionar um widget de bate-papo do Messenger ao site do WordPress, consulte este tutorial .)

Você pode interagir com o widget de bate-papo do site do MobileMonkey clicando no logotipo do Messenger no canto inferior direito dessa janela ou em qualquer outra página do site!

3 etapas fáceis para adicionar um widget de bate-papo do Facebook Messenger usando o Gerenciador de tags do Google

O Gerenciador de tags do Google é uma ferramenta gratuita que permite que os webmasters adicionem snippets de código, ou "tags", a um website de maneira rápida e fácil.

Em um único contêiner controlado a partir da interface do Gerenciador de tags do Google, você pode gerenciar as tags que você pode precisar por vários motivos, desde o rastreamento de análise a um widget de bate-papo do site, sem a ajuda de um desenvolvedor experiente.

Então, como você pode adicionar o chat do Facebook Messenger a um site WIX? Com o Gerenciador de tags do Google! Somente:

1. Instale o Gerenciador de tags do Google em seu site.
2. Configure o widget de bate-papo do seu site no MobileMonkey.
3. Crie uma nova tag para seu chatbot de cliente no Gerenciador de tags.

Pronto? Vai!

1. Instale o Gerenciador de tags do Google no seu site

Primeiro, acesse o Gerenciador de tags do Google e crie uma conta ou faça login na sua conta existente.

Depois de criar sua conta, copie o código de dez dígitos do painel do Gerenciador de tags. Este ID está localizado na parte superior da página em texto azul:

A próxima parte irá variar um pouco com base no seu CMS, mas o processo de adicionar integrações é semelhante para a maioria das plataformas CMS.

Entre na sua conta WIX e navegue até “Marketing Integrations”.

Encontre a integração para o Gerenciador de tags do Google e clique em "Go For It".

Em seguida, selecione "Conectar o Gerenciador de tags do Google", cole seu ID e clique em "Salvar".

Se você usa um CMS diferente e não sabe como ativar o Gerenciador de tags do Google, pesquise no site do seu provedor de CMS as instruções para adicionar integrações de terceiros no Google ou no YouTube ou entre em contato com a equipe de suporte para ajudá-lo .

2. Configure seu widget de bate-papo do site no MobileMonkey

Depois de instalar o Gerenciador de tags do Google em seu site, você precisará conectar seu chatbot do Facebook Messenger ao seu domínio.

No MobileMonkey, selecione "Elementos HTML" na barra lateral esquerda e clique no botão para "Adicionar elemento HTML":

Selecione "Widget de bate-papo do cliente" nas opções:

Dê ao seu widget de bate-papo do cliente um nome descritivo para que você possa reconhecer em uma lista de todos os elementos HTML do MobileMonkey Messenger. “[Nome de Domínio] Chat no Site” é um bom nome, por exemplo.

Como você pode adicionar diferentes bots a diferentes páginas do seu site, você pode criar um bot diferente para o blog do que o seu carrinho de compras.

Tenha isso em mente quando estiver dando um nome ao widget de bate-papo do seu site.

Em seguida, vamos escolher todas as configurações do widget de bate-papo, incluindo:

1. O texto na caixa de widget de chat
2. A cor do ícone do Messenger

E quando alguém clica em "Chat Now":

3. A página de bate-papo que responde a um usuário

Um olhar mais atento a estas três seleções para personalizar…

Texto na caixa de widget de bate-papo

Para personalizar o texto na caixa do widget de bate-papo, insira o texto aqui no MobileMonkey:

Você pode dizer algo diferente para alguém que está logado no Facebook e alguém não está logado no Facebook.

Cor do ícone do Messenger

Quer personalizar a cor do logotipo do Messenger que aparece no canto inferior direito para corresponder ao tema do seu site?

Digite o código de cor hexadecimal de qualquer cor no campo Plugin Color!

Página de bate-papo que responde ao usuário

O que seu bot dirá quando o usuário clicar em "Chat Now"?

Por padrão, seu bot de página de boas-vindas é selecionado. Mas você pode usar o seletor suspenso para escolher a página de bate-papo que responde aos visitantes de seu website.

Aqui está uma breve introdução sobre como criar uma página de chatbot no MobileMonkey .

Use seu bot de página de boas-vindas padrão ou crie um bot para saudar os visitantes do seu site. Ajude um usuário para fora!

Em seguida, liste todos os domínios em que você usará este widget de bate-papo do site.

Em "Adicionar domínio à lista de permissões", insira seu nome de domínio, como https://domain.com, e clique em "Adicionar".

Com todas as configurações personalizadas, clique no botão "Copiar" para colar o código do widget de bate-papo do website na área de transferência:

Isso é o que adicionaremos ao Gerenciador de tags a seguir.

3. Crie uma nova tag para o seu Chatbot no Gerenciador de tags

Volte para o seu painel do Gerenciador de tags do Google e clique em "Adicionar uma nova tag":

Dê à sua tag um nome descritivo como "Facebook Messenger Chatbot Widget".

No menu do tipo de tag, selecione "HTML personalizado":

Uma caixa de texto vazia será exibida. Cole o código que você copiou do MobileMonkey nesta caixa.

Em seguida, em "Acionamento", selecione "Todas as páginas" para informar ao Gerenciador de tags do Google para implantar seu widget do chatbot em todas as páginas do seu site:

E se houver páginas no seu site onde você não quer que seu chatbot apareça, personalize as configurações de acionamento.

Clique em "Salvar" e seu widget chatbot estará ao vivo em seu site!

Aqui está o nosso rápido tutorial em vídeo sobre a instalação de um chatbot do Messenger em seu site através do Gerenciador de tags do Google :

Adicionar um widget do chatbot ao seu site é uma excelente maneira de ajudar os visitantes do seu site a encontrar o que precisam E TORNAR-SE EM NOVOS CONTATOS DE MENSAGEIRO aos quais você pode enviar mensagens de acompanhamento hiper-relevantes e personalizadas!

Seja um unicórnio em um mar de burros

Obter o meu melhor marketing Unicorn e hacks crescimento do empreendedorismo:

  1. Inscreva-se para enviá-los diretamente para o seu email

2. Inscreva-se para notícias e dicas ocasionais sobre Marketing no Facebook Messenger via Facebook Messenger.

Sobre o autor

Larry Kim é o CEO da MobileMonkey – fornecedora da melhor plataforma de marketing do Facebook para mensageiros do mundo. Ele também é o fundador do WordStream .

Você pode se conectar com ele no Facebook Messenger , Twitter , LinkedIn , Instagram .

Originalmente publicado em Mobilemonkey.com

Texto original em inglês.