Facebook Policy Warning for App

Product Support

AI-generated summary

The discussion revolves around a Facebook Policy Warning for an app. The warning states that the app’s “Login with Facebook” button does not comply with Facebook’s Brand Guidelines, specifically Policy 8.3. To resolve this issue, awesomerobot suggests updating Discourse, as the latest version should resolve the problem. Alternatively, awesomerobot proposes adding CSS to update the login button, providing a code snippet to replace the existing logo with an inline SVG. RGJ thanks awesomerobot and provides a link to a theme component that implements the fix.

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: https://developers.facebook.com/docs/facebook-login/best-practices#buttondesign.

You can access the full list of our Platform Policies here: https://developers.facebook.com/policy/.

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.

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.

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>');
  }
}
5

Thank you @awesomerobot !!!

Theme component here.