search

dmnCodes / vue-fb-customer-chat

Facebook Customer Chat Plugin for Vue.js
https://dmncodes.github.io/vue-fb-customer-chat/
MIT License
39 stars 16 forks source link

It not working with nuxt (universal mode) #24

Open NguyenTam2206 opened 3 years ago

NguyenTam2206 commented 3 years ago

i did step by step follow the document, and it render html <div id="fb-root" class=" fb_reset"></div> on my app 's pages. But inside, it doesnt had an iframe which render the fb messenger bubble (and its 's function). I need some help. I use nuxt Universal mode. P/s: I tested on production https and added url to white list

Screen Shot 2020-10-06 at 17 38 33

Thank you.

UtopiaBe commented 3 years ago

Same here...

jbonnett92 commented 3 years ago

Also the same here

joska commented 3 years ago

I am successfully running it with Nuxt 2.14. Here are 3 steps that were necessary to do so:

  1. Fill in the proper Page ID in vue-fb-customer-chat.js
  2. Enable Messenger in you page (Page > About > Settings > Messaging > "Add Messenger to your website" wizard
  3. In the "Add Messenger to your website" add both production and local URLs (more in issue #6 )

I had problems adding the localhost url in Facebook, so I used ngrok.io to proxy it.

Also, you can limit the plugin to client side only in nuxt.config.js by using mode & client options { src: '~/plugins/vue-fb-customer-chat.js', mode: 'client', ssr: false },