How to hide facebook customer chat plugin on specific pages of my SPA?

Question

We have SPA (single page application, generated nuxtjs project) with facebook customer chat plugin on it.

This plugin is initialized during page refresh and remains on the site after router loads view.

We want to show this plugin only on specific pages such as landing page, support page, payment page and hide on the rest pages.

During initial load the plugin creates iframe with all the magic inside it and this iframe remains during SPA navigation untouched.

The question is - how to properly hide facebook customer chat plugin on specific pages? Destroy iframe? Some undocumented settings? Another magic?

Thanks

Answer 1

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