{"id":5758,"date":"2025-09-05T13:50:20","date_gmt":"2025-09-05T13:50:20","guid":{"rendered":"https:\/\/www.wizbrand.com\/tutorials\/?p=5758"},"modified":"2025-09-05T13:56:22","modified_gmt":"2025-09-05T13:56:22","slug":"how-to-fetch-facebook-page-info-on-your-websites","status":"publish","type":"post","link":"https:\/\/www.wizbrand.com\/tutorials\/how-to-fetch-facebook-page-info-on-your-websites\/","title":{"rendered":"How to Fetch Facebook page info on your websites"},"content":{"rendered":"\n

Here\u2019s a clean, end-to-end path to make Wizbrand fetch Page likes\/followers\/posts legally via Meta\u2019s Graph API<\/strong> for each customer.<\/p>\n\n\n\n

Step-by-step plan<\/h1>\n\n\n\n

Phase 0 \u2014 Decide scope & rules<\/h3>\n\n\n\n
    \n
  1. Data you\u2019ll show:<\/strong> public page info, latest posts, reactions\/comments counts, follower\/like counts, and selected Page Insights<\/strong> (requires permission).<\/li>\n\n\n\n
  2. Compliance choice:<\/strong> No scraping.<\/strong> Only Graph API. Customers must connect their Page and grant permissions.<\/li>\n<\/ol>\n\n\n\n
    \n\n\n\n

    Phase 1 \u2014 Create & configure the Meta app<\/h3>\n\n\n\n
      \n
    1. Create app:<\/strong> In Meta for Developers \u2192 Create App \u2192 choose Manage everything on your Page<\/strong> (Pages API) and add Facebook Login<\/strong>.<\/li>\n\n\n\n
    2. Business assets ready:<\/strong> Public Privacy Policy URL<\/strong>, Terms URL<\/strong>, User Data Deletion<\/strong> instructions\/page, a support email, app icon, and your App Domains<\/strong> (wizbrand.com etc.).<\/li>\n\n\n\n
    3. Business verification:<\/strong> In Business Settings<\/strong>, complete Business Verification<\/strong> (you\u2019ll need docs + domain verification). This is required for most Page permissions.<\/li>\n<\/ol>\n\n\n\n
      \n\n\n\n

      Phase 2 \u2014 Implement customer connect (OAuth) flow<\/h3>\n\n\n\n
        \n
      1. Facebook Login setup:<\/strong> Add valid OAuth redirect URIs (e.g., https:\/\/wizbrand.com\/oauth\/facebook\/callback<\/code>).<\/li>\n\n\n\n
      2. Scopes (permissions) you\u2019ll request from each customer:<\/strong>
        • pages_show_list<\/code> (let user pick which Page)<\/li>
        • pages_read_engagement<\/code> (read posts, comments, reactions & basic metadata)<\/li>
        • pages_read_user_content<\/code> (read UGC on the Page)<\/li>
        • read_insights<\/code> (Page Insights metrics like fans, reach, engagement)<\/li>
        • pages_manage_metadata<\/code> (to subscribe your app to Page webhooks; optional but recommended)<\/li><\/ul>If you also plan to publish content later, add pages_manage_posts<\/code> (not needed for read-only).<\/li>\n\n\n\n
        • Token flow in code:<\/strong>\n
            \n
          • User clicks Connect Facebook Page<\/strong> in Wizbrand.<\/li>\n\n\n\n
          • Redirect to Facebook Login with scopes above.<\/li>\n\n\n\n
          • On callback, you receive a short-lived User Access Token<\/strong> \u2192 exchange for long-lived User Token<\/strong>.<\/li>\n\n\n\n
          • Use the long-lived User Token to call \/{user-id}\/accounts<\/code> to list Pages the user manages.<\/li>\n\n\n\n
          • User selects one or more Pages \u2192 for each Page, store the Page ID<\/strong> and Page Access Token<\/strong> returned for that page.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
            \n

            Tip: If a customer only gives a Page URL, your UI should still require them to connect & authorize; do not attempt to \u201clook up\u201d data without permission.<\/p>\n<\/blockquote>\n\n\n\n

            \n\n\n\n

            Phase 3 \u2014 App Review (before going Live)<\/h3>\n\n\n\n
              \n
            1. Prepare review:<\/strong>\n
                \n
              • Add screencast showing your exact user flow (how user connects a Page, what you fetch, where you show it).<\/li>\n\n\n\n
              • Explain why you need each permission and show only Page-level, non-personal data in the demo.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Submit for:<\/strong>pages_show_list<\/code>, pages_read_engagement<\/code>, pages_read_user_content<\/code>, read_insights<\/code>, pages_manage_metadata<\/code>.\n
                  \n
                • Optional: Page Public Content Access<\/strong> only<\/em> if you need to read public posts from Pages you don\u2019t manage<\/strong> (this does not<\/strong> grant insights\/likes).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                • Test users & testers:<\/strong> Add them so reviewers can log in and see your flow.<\/li>\n<\/ol>\n\n\n\n
                  \n\n\n\n

                  Phase 4 \u2014 Fetching data the right way<\/h3>\n\n\n\n
                    \n
                  1. Store securely (multi-tenant):<\/strong> For each org\/customer in Wizbrand, store Page ID<\/strong> + Page Access Token<\/strong> encrypted (KMS\/HashiCorp Vault\/etc.). Track expires_at<\/code> if present.<\/li>\n\n\n\n
                  2. Core reads (examples; fields vary by API version & permissions):<\/strong><\/li>\n<\/ol>\n\n\n\n
                      \n
                    • Basic profile\/metrics<\/strong>
                      GET \/{page-id}?fields=name,link,about,fan_count,followers_count,category<\/code>
                      (fan\/followers fields may require insights\/engagement permissions and can vary by version)<\/em><\/li>\n\n\n\n
                    • Recent posts (with counts)<\/strong>
                      GET \/{page-id}\/posts?fields=id,created_time,message,permalink_url,reactions.summary(true).limit(0),comments.summary(true).limit(0),attachments{type,url}<\/code>
                      Use paging (after<\/code> cursors) to iterate.<\/li>\n\n\n\n
                    • Insights (daily)<\/strong>
                      GET \/{page-id}\/insights?metric=page_fans,page_follows,page_posts_impressions,page_engaged_users&period=day<\/code>
                      Cache and aggregate for charts.<\/li>\n<\/ul>\n\n\n\n
                        \n
                      1. Rate limits & scheduling:<\/strong><\/li>\n<\/ol>\n\n\n\n
                          \n
                        • Queue background jobs per Page; stagger calls; cache results (e.g., refresh posts hourly, insights daily).<\/li>\n\n\n\n
                        • Use If-None-Match<\/code>\/ETag<\/code> or since<\/code> params where supported to reduce calls.<\/li>\n<\/ul>\n\n\n\n
                            \n
                          1. Webhooks (recommended):<\/strong><\/li>\n<\/ol>\n\n\n\n
                              \n
                            • Add a verify endpoint in Wizbrand (https, fixed path).<\/li>\n\n\n\n
                            • In App Dashboard \u2192 Webhooks \u2192 subscribe to Page<\/strong>.<\/li>\n\n\n\n
                            • When a Page is connected, call POST \/{page-id}\/subscribed_apps<\/code> with subscribed_fields=feed<\/code> (requires pages_manage_metadata<\/code>).
                              Now you\u2019ll get push updates for new posts\/comments and can refresh just-in-time.<\/li>\n<\/ul>\n\n\n\n
                              \n\n\n\n

                              Phase 5 \u2014 Token lifecycle & re-auth<\/h3>\n\n\n\n
                                \n
                              1. Long-lived tokens:<\/strong> Always exchange user token for long-lived; derive Page token each connect. Some Page tokens can be long-lived; still handle invalidation.<\/li>\n\n\n\n
                              2. Re-connect UX:<\/strong> If token expires\/permissions change, show a Reconnect Facebook<\/strong> banner for that Page.<\/li>\n\n\n\n
                              3. Disconnect UX:<\/strong> Provide Disconnect<\/strong> button \u2192 delete stored token and unsubscribe app from the Page.<\/li>\n<\/ol>\n\n\n\n
                                \n\n\n\n

                                Phase 6 \u2014 Productization & compliance<\/h3>\n\n\n\n
                                  \n
                                1. UI\/UX in Wizbrand:<\/strong><\/li>\n<\/ol>\n\n\n\n
                                    \n
                                  • \u201cConnect Facebook Page\u201d CTA.<\/li>\n\n\n\n
                                  • Page picker (multi-select), per-page status (Connected \/ Needs reconnect).<\/li>\n\n\n\n
                                  • Dashboards: Posts table, Reactions\/Comments counts, Insights charts, Follower\/Likes counters (with \u201clast synced\u201d).<\/li>\n<\/ul>\n\n\n\n
                                      \n
                                    1. Data governance:<\/strong><\/li>\n<\/ol>\n\n\n\n
                                        \n
                                      • Only store what you need, encrypt at rest, restrict access by tenant.<\/li>\n\n\n\n
                                      • Honor Data Deletion<\/strong> (self-serve button + documented endpoint).<\/li>\n\n\n\n
                                      • Add clear copy explaining you never post or DM; read-only access.<\/li>\n<\/ul>\n\n\n\n
                                          \n
                                        1. Go Live:<\/strong> After approvals, switch app to Live Mode<\/strong>. Ensure your Privacy Policy\/Deletion pages remain accessible.<\/li>\n<\/ol>\n\n\n\n
                                          \n\n\n\n

                                          (Optional) Public pages you don\u2019t manage<\/h3>\n\n\n\n
                                            \n
                                          1. If you must display public posts<\/strong> from Pages that didn\u2019t connect to Wizbrand: apply for Page Public Content Access<\/strong>.<\/li>\n<\/ol>\n\n\n\n
                                              \n
                                            • This won\u2019t<\/strong> give you insights or follower\/like counts. For that, you still need the Page admin to connect.<\/li>\n<\/ul>\n\n\n\n
                                              \n\n\n\n

                                              Minimal endpoint cheat-sheet (reference)<\/h2>\n\n\n\n
                                                \n
                                              • List managed pages: GET \/{user-id}\/accounts<\/code><\/li>\n\n\n\n
                                              • Page profile\/metrics: GET \/{page-id}?fields=...<\/code><\/li>\n\n\n\n
                                              • Posts: GET \/{page-id}\/posts?fields=...<\/code><\/li>\n\n\n\n
                                              • Insights: GET \/{page-id}\/insights?metric=...&period=day<\/code><\/li>\n\n\n\n
                                              • Subscribe app to page (webhooks): POST \/{page-id}\/subscribed_apps<\/code><\/li>\n<\/ul>\n\n\n\n
                                                \n\n\n\n

                                                Quick success checklist<\/h3>\n\n\n\n
                                                  \n
                                                • App created with Manage everything on your Page<\/strong> + Facebook Login<\/strong><\/li>\n\n\n\n
                                                • Business verified + domain verified<\/li>\n\n\n\n
                                                • OAuth redirect URIs set<\/li>\n\n\n\n
                                                • Permissions requested: pages_show_list<\/code>, pages_read_engagement<\/code>, pages_read_user_content<\/code>, read_insights<\/code>, (pages_manage_metadata<\/code> for webhooks)<\/li>\n\n\n\n
                                                • App Review demo recorded<\/li>\n\n\n\n
                                                • Token exchange coded; Page tokens stored securely per tenant<\/li>\n\n\n\n
                                                • Background sync jobs + caching + rate limiting<\/li>\n\n\n\n
                                                • Webhooks wired for feed<\/code><\/li>\n\n\n\n
                                                • Data deletion + privacy policy live<\/li>\n\n\n\n
                                                • Live Mode enabled after approval<\/li>\n<\/ul>\n\n\n\n

                                                  If you want, I can generate a tiny \u201cconnect flow\u201d sample (Node\/Laravel) showing the exact OAuth URLs, token exchange, and the three API calls you\u2019ll need for posts, insights, and follower counts.<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                  Here\u2019s a clean, end-to-end path to make Wizbrand fetch Page likes\/followers\/posts legally via Meta\u2019s Graph API for each customer. Step-by-step […]<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5758","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/posts\/5758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/comments?post=5758"}],"version-history":[{"count":2,"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/posts\/5758\/revisions"}],"predecessor-version":[{"id":5760,"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/posts\/5758\/revisions\/5760"}],"wp:attachment":[{"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/media?parent=5758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/categories?post=5758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wizbrand.com\/tutorials\/wp-json\/wp\/v2\/tags?post=5758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}