{"id":4168,"date":"2018-01-15T17:00:05","date_gmt":"2018-01-15T20:00:05","guid":{"rendered":"https:\/\/www.brasilwebhost.com.br\/blog\/?p=4168"},"modified":"2020-10-23T11:04:35","modified_gmt":"2020-10-23T14:04:35","slug":"plugin-de-bate-bapo-do-messeger-facebook-em-seu-site","status":"publish","type":"post","link":"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/","title":{"rendered":"Instalando o chat do Messenger no seu site ou blog"},"content":{"rendered":"

Recentemente o Facebook disponibilizou o Bate-bapo do Messenger, no qual possibilita o uso em seu site ou blog transformando um contato mais pr\u00f3ximo com seus clientes e parceiros. Se voc\u00ea  gostou desta ideia, ent\u00e3o n\u00e3o deixe de conferir nosso tutorial de como instalar ele. Vamos l\u00e1.<\/p>\n

Passo 1 – Para colocar o chat do Messenger em seu site primeiro teremos que saber o ID de sua p\u00e1gina no Facebook.
\nPara isso abra sua p\u00e1gina do Facebook >> Clique no item Sobre >> Localize o ID como mostrado abaixo:<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Passo 2 – Voc\u00ea deve adicionar o seu dom\u00ednio que ir\u00e1 ter o chat a lista branca de autorizado em sua p\u00e1gina no Facebook. Para isso novamente esteja em sua p\u00e1gina >> Clique em Configura\u00e7\u00f5es (canto superior direito) >> Plataforma do Messenger  >> Adicione seu dom\u00ednio na lista como mostrado abaixo:<\/p>\n

\"\"<\/p>\n

\"\"\"\"<\/p>\n

Passo 3 – O pr\u00f3ximo passo \u00e9 criar um app Facebook, para isso v\u00e1 at\u00e9 o developer.facebook.com<\/a> se n\u00e3o tiver uma conta ser\u00e1 necess\u00e1rio se registrar e aceitar os termos do Facebook. Depois clique em Adicionar um novo aplicativo >> D\u00ea um nome ao app, coloque o e-mail e clique em Criar um n\u00famero de identifica\u00e7\u00e3o do aplicativo.<\/p>\n

\"\"<\/p>\n

Ap\u00f3s criar, na p\u00e1gina do App. No canto superior esquerdo ter\u00e1 um ID, \u00e9 o numero do App que acabamos de criar, pegue este ID e anote-o.<\/p>\n

Passo 4 – Vamos editar o c\u00f3digo do chat Messenger com as devidas informa\u00e7\u00f5es com o seguinte:<\/p>\n

\n
<script>\n  window.fbAsyncInit = function() {\n    FB.init({\n      appId            : 'YOUR-APP-ID',\n      autoLogAppEvents : true,\n      xfbml            : true,\n      version          : 'v2.11'\n    });\n  };\n \n  (function(d, s, id){\n     var js, fjs = d.getElementsByTagName(s)[0];\n     if (d.getElementById(id)) {return;}\n     js = d.createElement(s); js.id = id;\n     js.src = \"https:\/\/connect.facebook.net\/pt_BR\/sdk\/xfbml.customerchat.js\";\n     fjs.parentNode.insertBefore(js, fjs);\n   }(document, 'script', 'facebook-jssdk'));\n \n  jQuery('body').append('<div class=\"fb-customerchat\" page_id=\"YOUR-PAGE-ID\" minimized=\"false\"> <\/div>');\n \n<\/script><\/pre>\n<\/div>\n
Localize a linha 4 e mude o YOUR-APP-ID<\/strong> pelo ID que anotou no passo 3<\/p>\n
Localize a linha 19 e coloque no lugar de YOUR-PAGE-ID<\/strong> pelo numero ID da sua pagina que fizemos l\u00e1 no passo 1, ainda na linha 19 \u00e9 opcional se desejar que o chat inicie aberto mude onde est\u00e1: false para true<\/p>\n
Passo 5 – Coloque o c\u00f3digo HTML no site ou blog, aconselhamos o uso do Google Tag Manager<\/a> para isso, voc\u00ea poder\u00e1 criar um nova etiqueta HTML personalizada >> depois colar o c\u00f3digo >> Selecionar o acionar como ALL (se quiser em todas as p\u00e1ginas) >> Clique em Guardar e Publicar, ou poder\u00e1 insera este c\u00f3digo edite o c\u00f3digo antes da tag <\/body> de seu website.<\/p>\n
Caso queira seguir a documenta\u00e7\u00e3o do Chat Messenger, n\u00e3o deixe de ver o seguinte link: Facebook Delevopers<\/a><\/p>\n
Pronto, seu chat foi instalado com sucesso. At\u00e9 a pr\u00f3xima e esperamos que este tutorial tenha sido util, caso tenha gostado compartilhe com seus amigos.<\/p>\n","protected":false},"excerpt":{"rendered":"
Recentemente o Facebook disponibilizou o Bate-bapo do Messenger, no qual possibilita o uso em seu site ou blog transformando um contato mais pr\u00f3ximo com seus clientes e parceiros. Se voc\u00ea  gostou desta ideia, ent\u00e3o n\u00e3o deixe de conferir nosso tutorial de como instalar ele. Vamos l\u00e1.<\/p>\n","protected":false},"author":3,"featured_media":4175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[],"yoast_head":"\nInstalando o chat do Messenger no seu site ou blog | Blog - Brasil Web Host<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instalando o chat do Messenger no seu site ou blog | Blog - Brasil Web Host\" \/>\n<meta property=\"og:description\" content=\"Recentemente o Facebook disponibilizou o Bate-bapo do Messenger, no qual possibilita o uso em seu site ou blog transformando um contato mais pr\u00f3ximo com seus clientes e parceiros. Se voc\u00ea  gostou desta ideia, ent\u00e3o n\u00e3o deixe de conferir nosso tutorial de como instalar ele. Vamos l\u00e1.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Brasil Web Host\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brasilwebhost\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-15T20:00:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-23T14:04:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.brasilwebhost.com.br\/blog\/wp-content\/uploads\/2018\/01\/plugin-fab-bwh5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"725\" \/>\n\t<meta property=\"og:image:height\" content=\"405\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@brasilwebhost\" \/>\n<meta name=\"twitter:site\" content=\"@brasilwebhost\" \/>\n<meta name=\"twitter:label1\" value=\"Written by\">\n\t<meta name=\"twitter:data1\" value=\"Gabriel Benato\">\n\t<meta name=\"twitter:label2\" value=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" value=\"2 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#organization\",\"name\":\"Brasil Web Host\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/brasilwebhost\/\",\"https:\/\/www.instagram.com\/brasilwebhost\/\",\"https:\/\/www.linkedin.com\/company\/35638258\/admin\/\",\"https:\/\/www.youtube.com\/user\/brasilwebhost\",\"https:\/\/br.pinterest.com\/empresabwh\/\",\"https:\/\/twitter.com\/brasilwebhost\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#logo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/wp-content\/uploads\/2019\/09\/logo.png\",\"width\":330,\"height\":54,\"caption\":\"Brasil Web Host\"},\"image\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/\",\"name\":\"Blog - Brasil Web Host\",\"description\":\"Conhe\\u00e7a as vantagens de ser nosso cliente e usufruir do melhor atendimento.\",\"publisher\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.brasilwebhost.com.br\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/wp-content\/uploads\/2018\/01\/plugin-fab-bwh5.png\",\"width\":725,\"height\":405},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#webpage\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/\",\"name\":\"Instalando o chat do Messenger no seu site ou blog | Blog - Brasil Web Host\",\"isPartOf\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#primaryimage\"},\"datePublished\":\"2018-01-15T20:00:05+00:00\",\"dateModified\":\"2020-10-23T14:04:35+00:00\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#\/schema\/person\/f2a0b8c85be379997ea055e0a1877eec\"},\"headline\":\"Instalando o chat do Messenger no seu site ou blog\",\"datePublished\":\"2018-01-15T20:00:05+00:00\",\"dateModified\":\"2020-10-23T14:04:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#webpage\"},\"commentCount\":17,\"publisher\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#primaryimage\"},\"articleSection\":\"Dicas\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.brasilwebhost.com.br\/blog\/plugin-de-bate-bapo-do-messeger-facebook-em-seu-site\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#\/schema\/person\/f2a0b8c85be379997ea055e0a1877eec\",\"name\":\"Gabriel Benato\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a49431593a7e9427c17943cd2bd0712b?s=96&d=mm&r=g\",\"caption\":\"Gabriel Benato\"},\"description\":\"Suporte t\\u00e9cnico Brasil Web Host\",\"sameAs\":[\"https:\/\/www.brasilwebhost.com.br\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4168"}],"collection":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4168"}],"version-history":[{"count":17,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4168\/revisions"}],"predecessor-version":[{"id":5616,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4168\/revisions\/5616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/media\/4175"}],"wp:attachment":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}