【问题标题】:How to hide facebook customer chat plugin on specific pages of my SPA?如何在我的 SPA 的特定页面上隐藏 Facebook 客户聊天插件?
【发布时间】:2019-06-07 19:57:57
【问题描述】:

我们有带有 facebook 客户聊天插件的 SPA(单页应用程序,生成的 nuxtjs 项目)。

此插件在页面刷新期间初始化,并在路由器加载视图后保留在站点上。

我们希望仅在特定页面上显示此插件,例如登录页面、支持页面、支付页面并隐藏在其余页面上。

在初始加载期间,插件会创建 iframe,其中包含所有魔法,并且此 iframe 在 SPA 导航期间保持不变。

问题是 - 如何在特定页面上正确隐藏 Facebook 客户聊天插件?销毁iframe?一些未记录的设置?另一个魔法?

谢谢

【问题讨论】:

  • 你试过隐藏.fb-customerchat元素吗?通常这些 Facebook 社交插件会渲染用于嵌入它们的元素的 inside,iframe 应该作为其后代插入。
  • 最后我做到了。我在不需要聊天插件的页面上的这个元素上设置了 display:none。

标签: facebook-javascript-sdk nuxt.js facebook-chat


【解决方案1】:

- 小部件初始化后,您可以通过 window.FB.CustomerChat.show()window.FB.CustomerChat.hide() 方法轻松控制可见性

【讨论】:

  • 这应该被接受为答案!谢谢。
  • 这是真的。但是,它并没有隐藏将单独存在的问候语。我还没有找到关于我如何隐藏它的文档。
猜你喜欢
  • 2019-12-14
  • 2020-06-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-08-15
  • 1970-01-01
相关资源
最近更新 更多