CODEWITHSUNDEEP
facebooksafarifacebook-messengerfacebook-webhooks
Aakash Barot
Aakash Barot

Reputation: 11

Send to Messenger Button on Safari does not send webhook event

I have a 'Send to Messenger' button on my app. It use to work just fine earlier. But now it does not work on Safari on Mac & iOS. It works on Chrome perfectly, but when clicked from Safari, Facebook is not sending event on my Webhook.

Screenshot below: On Safari I also get a specific page after user clicks on authentication " Tap to go back to URL".

Image where users click on send to messenger button
User is asked to Authenticate
Tap to go back to URL screenshot - Likely Culprit
Button Status shown approved, but in reality its not

Upvotes: 0

Views: 1331

Answers (1)

Marc Littlemore
Marc Littlemore

Reputation: 1

The error message given to you is stating the issue:

The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

When you use the Send To Messenger plugin there are some requirements for your own domain. See the documentation here. One if these is that you must whitelist your domain. It states:

Use a fully qualified domain name, such as https://www.messenger.com/. IP addresses and localhost are not supported for whitelisting.

You are serving your application using HTTP from http://alpha.lvh.me:3000 but you must serve it using HTTPS. It's also not clear from their requirements if you can use a port number or not but I think you'd be better looking at ngrok or localtunnel for local development.

[Edit] I think it's probably an issue with the content security policy (CSP) on Safari. Some reading about it here.

Upvotes: 0

Related Questions