Nuestro sitio web se ha servidor a través del proxy Cloudflare durante mucho tiempo y todo va bien. Recientemente, queríamos colocar botones de redes sociales en las páginas web, tenemos botones para LINE y para Facebook . Los botones de ambas redes sociales funcionan normalmente cuando se prueban en localhost. Sin embargo, cuando la página se actualiza al entorno de producción, encontramos que los botones de LINE no se muestran y solo se pueden ver los de Facebook. Más tarde descubrimos que al desactivar el proxy de Cloudflare, ¡aparecen los botones de LINE! Este problema se ilustra en la figura. También se confirma que si ponemos la página en otro servidor donde las páginas NO pasan por el proxy de Cloudflare, los botones de LINE se pueden ver normalmente. Los botones están incrustados en la página web utilizando html y javascript simples.
No queremos desactivar el proxy de Cloudflare para siempre solo para mostrar los botones de las redes sociales, pero no tenemos idea de cómo evitar que los botones de LINE sean invisibles. ¿Podría ayudarnos a señalar cuál es la clave que nos perdimos? ¡Muchos gracias!
Valdría la pena verificar si tiene habilitadas funciones específicas de Cloudflare que pueden afectar la ejecución del código Javascript de terceros:
Por lo general, es muy poco probable que (1) cause algún problema. También debe verificar y compartir si hay algún error en la consola del desarrollador del navegador o con la carga de recursos en los dos escenarios; esto ayudaría a encontrar una causa raíz.