Facebook Policy Warning for App

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 - Facebook for Developers.

You can access the full list of our Platform Policies here: Platform Policy - Facebook 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.


please advice what to do.

1 Like

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

Would it be possible to cherry pick https://github.com/discourse/discourse/commit/cafbb3aea77e087a1c9616f02b6be0979cd54241 and https://github.com/discourse/discourse/commit/95e8c935c55827e7495acc589dde4f8b7c26daae#diff-689419c27839146782821d1c1d093928 to stable?

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

Thank you @awesomerobot !!!

Theme component here.

4 Likes