{"id":5066,"date":"2024-03-13T12:18:35","date_gmt":"2024-03-13T12:18:35","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?p=5066"},"modified":"2024-07-19T14:42:42","modified_gmt":"2024-07-19T14:42:42","slug":"how-to-display-facebook-page-and-profile-on-website","status":"publish","type":"post","link":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/","title":{"rendered":"Como exibir uma P\u00e1gina e um Perfil do Facebook em um site?"},"content":{"rendered":"<div class=\"table-of-contents\">\r\n\t\t\t<div class=\"table-of-contents-title\">Contents<\/div>\r\n\t\t\t<ol class=\"table-of-contents-list\">\n<li class=\"table-of-contents-list-item\"><a href=\"#video-tutorial\" data-scroll-to=\"video-tutorial\">Tutorial em v\u00eddeo<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#get-access-token\" data-scroll-to=\"get-access-token\">Obtenha seu Token de Acesso ao Facebook<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#copy-code\" data-scroll-to=\"copy-code\">Copie o token<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#demo\" data-scroll-to=\"demo\">Adicione sua p\u00e1gina ou perfil do Facebook a qualquer site<\/a><\/li>\n<\/ol>\r\n\t\t<\/div>\n<h2 id=\"video-tutorial\">Tutorial em v\u00eddeo<\/h2>\n<iframe width=\"652\" height=\"367\" src=\"https:\/\/www.youtube.com\/embed\/_hF099c0A9M\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n<h2>Um tutorial passo a passo sobre como adicionar uma p\u00e1gina ou perfil do Facebook a um site<\/h2>\nPortanto, para integrar sua p\u00e1gina do Facebook ao seu site, voc\u00ea precisa atender apenas a uma condi\u00e7\u00e3o &#8211; <strong>voc\u00ea precisa ser o administrador da p\u00e1gina que deseja exibir no site<\/strong>.\n<h3 id=\"get-access-token\">1. Adicione um novo aplicativo no Facebook para desenvolvedores<\/h3>\nSiga o link <a href=\"https:\/\/developers.facebook.com\/apps\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https:\/\/developers.facebook.com\/apps<\/a> e adicione um novo aplicativo.\n<figure class=\"browser-frame\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/1-add-a-new-app-facebook-developers.jpg\" alt=\"Adicionar um novo aplicativo de desenvolvedores do Facebook\"><\/figure>\n<h3>2. Crie um novo ID de aplicativo<\/h3>\nDigite o nome de exibi\u00e7\u00e3o, o email de contato e, em seguida, pressione o bot\u00e3o <strong>Criar ID do Aplicativo<\/strong>.\n<figure class=\"browser-frame\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/2-create-a-new-app-facebook-developers.jpg\" alt=\"Criar um novo ID de Aplicativo do Facebook\"><\/figure>\n<h3>3. Escolha seu aplicativo no Graph API Explorer<\/h3>\nV\u00e1 para <a href=\"https:\/\/developers.facebook.com\/tools\/explorer\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https:\/\/developers.facebook.com\/tools\/explorer<\/a> e substitua <strong>Graph API Explorer<\/strong> pelo aplicativo que voc\u00ea criou.\n<figure class=\"browser-frame\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/3-graph-api-explorer-facebook-developers.jpg\" alt=\"Escolha seu aplicativo no Graph API Explorer\"><\/figure>\n<h3>4. Obtenha seu Token de Acesso de Usu\u00e1rio<\/h3>\nPressione <strong>Obter Token<\/strong> e selecione <strong>Obter Token de Acesso de Usu\u00e1rio<\/strong>.\n<figure class=\"browser-frame\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/4-get-user-access-token-facebook-developers.jpg\" alt=\"Obter seu Token de Acesso de Usu\u00e1rio\"><\/figure>\n<h3>5. Selecione as permiss\u00f5es para seu Token de Acesso ao Facebook<\/h3>\nMarque as op\u00e7\u00f5es necess\u00e1rias na janela pop-up.\n<h4>Para exibir sua p\u00e1gina do Facebook em um site, escolha:<\/h4>\n<ul>\n \t<li>manage_pages<\/li>\n<\/ul>\n<figure><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/5-select-permissions-for-page-facebook-developers.jpg\" alt=\"Permiss\u00f5es para exibir sua p\u00e1gina do Facebook\"><figcaption>Para exibir sua <strong>p\u00e1gina do Facebook<\/strong>, escolha apenas &#8220;manage_pages&#8221;<\/figcaption><\/figure>\n<h4>Para exibir seu perfil do Facebook em um site, escolha:<\/h4>\n<ul>\n \t<li>user_likes<\/li>\n \t<li>user_photos<\/li>\n \t<li>user_posts<\/li>\n \t<li>user_status<\/li>\n \t<li>user_videos<\/li>\n \t<li>user_managed_groups<\/li>\n<\/ul>\n<figure><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/5-select-permissions-for-profile-facebook-developers.jpg\" alt=\"Permiss\u00f5es para exibir seu perfil do Facebook\">\n\n<figcaption>Para exibir seu <strong>perfil do Facebook<\/strong>, escolha as permiss\u00f5es mencionadas acima<\/figcaption><\/figure>\nConfirme todas as solicita\u00e7\u00f5es.\n<h3>6. Abra no Access Token Tool<\/h3>\nClique no \u00edcone <strong>Info<\/strong> ao lado do token e no bot\u00e3o Abrir em &#8220;Access Token Tool&#8221;.\n<figure class=\"browser-frame\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/6-open-in-access-token-tool-facebook-developers.jpg\" alt=\"Abra no Access Token Tool\"><\/figure>\n<h3>7. Estenda o Token de Acesso<\/h3>\nPressione <strong>Estender Token de Acesso<\/strong>.\n<figure class=\"browser-frame\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/7-extend-access-token-facebook-developers.jpg\" alt=\"Estender Token de Acesso do Facebook\"><\/figure>\n<div class=\"tip-yellow tip\"><\/div><strong>Importante:<\/strong> O Token de Acesso ao Facebook \u00e9 v\u00e1lido apenas por dois meses, portanto, certifique-se de seguir todos esses passos novamente em dois meses para obter um novo token de acesso.\n<h3 id=\"copy-code\">8. Copie seu Token de Acesso ao Facebook<\/h3>\nSelecione o Token de Acesso inteiro e copie-o.\n<figure class=\"browser-frame\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2018\/06\/8-copy-your-access-token-facebook-developers.jpg\" alt=\"Copie o Token de Acesso ao Facebook\"><\/figure>","protected":false},"excerpt":{"rendered":"Desde o esc\u00e2ndalo do Facebook, surgido devido ao mau uso de dados pessoais, a API do Facebook tem mudado e se atualizado constantemente. Quase todas as semanas, aplicativos e plugins que utilizam esta API, incluindo o <a href=\"https:\/\/elfsight.com\/facebook-feed-widget\/\" target=\"_blank\" rel=\"noopener noreferrer\">widget de feed do Facebook<\/a>, enfrentam problemas de desempenho.\n","protected":false},"author":9,"featured_media":5067,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[109,108],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como exibir uma p\u00e1gina do Facebook em um site (solu\u00e7\u00e3o 100% funcional)<\/title>\n<meta name=\"description\" content=\"Tutorial em v\u00eddeo, guia sobre como obter seu Token de Acesso ao Facebook e adicionar sua p\u00e1gina ou perfil do Facebook a qualquer site + B\u00f4nus: uma solu\u00e7\u00e3o totalmente funcional!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como exibir uma p\u00e1gina do Facebook em um site (solu\u00e7\u00e3o 100% funcional)\" \/>\n<meta property=\"og:description\" content=\"Tutorial em v\u00eddeo, guia sobre como obter seu Token de Acesso ao Facebook e adicionar sua p\u00e1gina ou perfil do Facebook a qualquer site + B\u00f4nus: uma solu\u00e7\u00e3o totalmente funcional!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100000717934522\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-13T12:18:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-19T14:42:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/access-token-fb-article-500x278-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"278\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"polyakova\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"polyakova\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como exibir uma p\u00e1gina do Facebook em um site (solu\u00e7\u00e3o 100% funcional)","description":"Tutorial em v\u00eddeo, guia sobre como obter seu Token de Acesso ao Facebook e adicionar sua p\u00e1gina ou perfil do Facebook a qualquer site + B\u00f4nus: uma solu\u00e7\u00e3o totalmente funcional!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/","og_locale":"pt_PT","og_type":"article","og_title":"Como exibir uma p\u00e1gina do Facebook em um site (solu\u00e7\u00e3o 100% funcional)","og_description":"Tutorial em v\u00eddeo, guia sobre como obter seu Token de Acesso ao Facebook e adicionar sua p\u00e1gina ou perfil do Facebook a qualquer site + B\u00f4nus: uma solu\u00e7\u00e3o totalmente funcional!","og_url":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/","og_site_name":"Elfsight PT","article_author":"https:\/\/www.facebook.com\/profile.php?id=100000717934522","article_published_time":"2024-03-13T12:18:35+00:00","article_modified_time":"2024-07-19T14:42:42+00:00","og_image":[{"width":500,"height":278,"url":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/access-token-fb-article-500x278-1.jpeg","type":"image\/jpeg"}],"author":"polyakova","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"polyakova","Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/","url":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/","name":"Como exibir uma p\u00e1gina do Facebook em um site (solu\u00e7\u00e3o 100% funcional)","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/#primaryimage"},"image":{"@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/access-token-fb-article-500x278-1.jpeg","datePublished":"2024-03-13T12:18:35+00:00","dateModified":"2024-07-19T14:42:42+00:00","author":{"@id":"https:\/\/elfsight.com\/pt\/#\/schema\/person\/78a88bccd23a18e8966c1700efd6f806"},"description":"Tutorial em v\u00eddeo, guia sobre como obter seu Token de Acesso ao Facebook e adicionar sua p\u00e1gina ou perfil do Facebook a qualquer site + B\u00f4nus: uma solu\u00e7\u00e3o totalmente funcional!","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/#primaryimage","url":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/access-token-fb-article-500x278-1.jpeg","contentUrl":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/access-token-fb-article-500x278-1.jpeg","width":500,"height":278},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-display-facebook-page-and-profile-on-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Como exibir uma P\u00e1gina e um Perfil do Facebook em um site?"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pt\/#website","url":"https:\/\/elfsight.com\/pt\/","name":"Elfsight PT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pt\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/elfsight.com\/pt\/#\/schema\/person\/78a88bccd23a18e8966c1700efd6f806","name":"polyakova","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/elfsight.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9d214692c02d8bd1d3bd9b7eb9fee81?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9d214692c02d8bd1d3bd9b7eb9fee81?s=96&d=mm&r=g","caption":"polyakova"},"description":"As a seasoned Content Manager with over a decade of dedicated experience, I bring to the table a rich history of shaping and refining digital narratives.","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100000717934522"],"url":"https:\/\/elfsight.com\/pt\/blog\/author\/polyakova\/"}]}},"meta_box":[],"_links":{"self":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts\/5066"}],"collection":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/comments?post=5066"}],"version-history":[{"count":1,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts\/5066\/revisions"}],"predecessor-version":[{"id":5068,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts\/5066\/revisions\/5068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media\/5067"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=5066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/categories?post=5066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/tags?post=5066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}