En mi sitio de Gatsby, coloqué la secuencia de comandos para proporcionar el ícono de Facebook Messenger en mi sitio en los archivos gatsby-ssr.js / gatsby-browser.js y src/components/MessengerChat.js ...
// gatsby-ssr.js & gatsby-browser.js import React from "react"; import Layout from "./src/components/layout"; import MessengerChat from "./src/components/MessengerChat"; export const wrapPageElement = ({ element }) => ( <> {element} <MessengerChat /> </> );...y...
// src/components/MessengerChat.js import React, { useEffect } from "react"; function MessengerChat() { useEffect(() => { window.fbAsyncInit = function () { window.FB.init({ xfbml: true, version: "v11.0", }); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/th_TH/sdk/xfbml.customerchat.js"; fjs.parentNode.insertBefore(js, fjs); })(document, "script", "facebook-jssdk"); }); return ( <> <div id="fb-root" /> <div className="fb-customerchat" attribution="biz_inbox" page_id="106619367753772" /> </> ); } export default MessengerChat;El ícono de Facebook Messenger en realidad aparece en los iPhone más nuevos en el navegador de Facebook y en el navegador Chrome móvil (en un iPhone más nuevo).
También aparece en todos los navegadores de escritorio que he podido verificar, excepto en uno: el navegador Firefox en modo Private Window (aunque sí aparece en el navegador Firefox normal).
Cuando inspecciono la ventana privada de Firefox, dice:...
Facebook SDK is being shimmed by Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1226498 for details.
Incluso si estoy conectado a FB en un navegador móvil en particular, el ícono de Messenger aún no se muestra.
Supongo que este es el mismo problema con Android. Tiene alguna idea sobre esto?
Me temo que ese tipo de problemas pertenecen a la configuración del navegador del usuario (oa un error del navegador). No hay nada que pueda hacer desde su lado frontal ya que está expuesto al tratamiento final de sus scripts, el navegador.
Hay algunos problemas anteriores conocidos relacionados con Firefox que modifica los scripts de Google Analytics, y para su capacidad de depuración, puede activar este intercambio accediendo a la configuración de su navegador en about:config y extensions.webcompat.enable_shims cambiando la opción a false (como sugiere este comentario ) pero como dije, esto solo afectará su configuración personal, no la del cliente/usuario.
El seguimiento de la pila de su problema ( https://bugzilla.mozilla.org/show_bug.cgi?id=1226498 ) implica que el problema se conoce y se está solucionando:
Ese shim ayuda con los botones de inicio de sesión federados de Facebook, pero otros usos del SDK de FB todavía están bloqueados mientras mejoramos ese shim.
Tal vez puedas cambiar tu enfoque usando los botones de Facebook federados.