Facebook Policy Warning for App

Support
1

i got the following message from Facebook:

In working to create a great Platform experience for everyone, we ask developers to ensure the apps they build comply with our Platform Policies. Your app webwinkelforum WWC (AppId: 411298116363531) doesn’t comply with the following:

Platform Policy 8.3: Use a clearly branded “Login with Facebook” button and follow the Facebook Brand Guidelines: https://www.facebookbrand.com/.

Your Login button doesn’t properly reference Facebook. To fix this issue, you should always use our official SDK for Login. For more information on Login best practices, check out the Login section of our developer documents: Best Practices - Facebook Login - Documentation - Meta for Developers.

You can access the full list of our Platform Policies here: Platform Terms - Meta for Developers.

Please make the requested changes by 2019-04-11 at 12:00 PST.

Let us know when you’ve updated your app by replying to this email. If we do not hear back from you, your app will be subject to enforcement. If you have outstanding questions, respond here and we’ll do our best to help.

image
image587×561 27.6 KB

please advice what to do.

1 Like
2

If you update Discourse these issues should be resolved. We were using an old slightly-off Facebook color for the login button and they don’t allow the f logo without a box around it, which I suspect is the issue.

6 Likes
3

Would it be possible to cherry pick UX: Use official Facebook logo · discourse/discourse@cafbb3a · GitHub and UX: Update brand color, some login adjustments · discourse/discourse@95e8c93 · GitHub to stable?

4

It would be easier to add some CSS, It think there may have been additional follow-up commits to those.

This would solve it. It uses an inline SVG of the correct logo to replace the existing one and updates the background color.

.btn-social.facebook {
  background: #4267b2;
  svg {
    display: none;
  }
  &:before {
    width: 15px;
    height: 15px;
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fab" data-icon="facebook" class="svg-inline--fa fa-facebook fa-w-14" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 448 512"><path fill="white" d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/></svg>');
  }
}
6 Likes
5

Thank you @awesomerobot !!!

Theme component here.

4 Likes