CODEWITHSUNDEEP
facebookfacebook-graph-apifacebook-javascript-sdk
Egbert Neinders
Egbert Neinders

Reputation: 91

facebook page plugin not working properly

I need a embedded facebook page plugin. But the code generator of facebook doesn't work. When i give the url of the facebook page, the generator doens't give the code for this page.

Also doesn't appear the page in the preview modus.

The facebook page is: https://www.facebook.com/Tapas.Enschede/

The code generator is on this page. https://developers.facebook.com/docs/plugins/page-plugin/

For other facebookpages the code generator works perfect. I have no idea what the problem is.

I really appreciate any help.

Upvotes: 8

Views: 13898

Answers (5)

OnTarget
OnTarget

Reputation: 71

Was getting the same issue - got it to work by changing the code from data-tabs="timeline" to data-show-posts="true"

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v16.0" nonce="FxrxkDNL"></script>
<div class="fb-page" data-href="https://www.facebook.com/profile.php?id=XXXXXXX" data-show-posts="true" data-width="800px" data-height="1000px" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/profile.php?id=XXXXXXX" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/profile.php?id=XXXXXXX">FB page</a></blockquote></div>

Upvotes: 3

Adam
Adam

Reputation: 2517

use data-show-posts="true" instead of data-tabs="timeline"

Upvotes: 7

Jon
Jon

Reputation: 21

I found it was due to some stale Facebook Cookies on my browser. Deleted the Facebook Cookies, refreshed and all worked great then

Upvotes: 2

Tandoh Anthony Nwi-Ackah
Tandoh Anthony Nwi-Ackah

Reputation: 2175

 In my case,I remove the heading (h4) from the class="fb-page".Working now.

Old Code

<div class="fb-page" data-href="https://www.facebook.com/PageTest/"
                         data-tabs="timeline" data-small-header="false"
                         data-adapt-container-width="true"
                         data-hide-cover="false" data-show-facepile="true">

                        <h4 class="center">Follow Us On Facebook</h4>


                        <blockquote cite="https://www.facebook.com/PageTest/" class="fb-xfbml-parse-ignore"><a
                                href="https://www.facebook.com/PageTest/">Testing.</a></blockquote>


                    </div>

New Code

<div class="fb-page" data-href="https://www.facebook.com/PageTest/"
                             data-tabs="timeline" data-small-header="false"
                             data-adapt-container-width="true"
                             data-hide-cover="false" data-show-facepile="true">



                            <blockquote cite="https://www.facebook.com/PageTest/" class="fb-xfbml-parse-ignore"><a
                                    href="https://www.facebook.com/PageTest/">Testing.</a></blockquote>


                        </div>

Upvotes: 2

Jason
Jason

Reputation: 81

I had the same issue today.

Check to see if:

  1. Your page is unpublished.
  2. You have Age Restriction (which was my issue) activated. Any age restriction above 13+ will cause the page plugin to not work.
  3. You have Country Restrictions activated.

Any of the above will cause the page plugin not to display.

You can find these settings in the General tab in your page settings.

Upvotes: 8

Related Questions