Social Plugins 留言內嵌留言內嵌貼文內嵌影片社團外掛程式Like Button粉絲專頁外掛程式引文外掛程式「儲存」按鈕分享按鈕oEmbed 端點兒童導向的網站常見問題已停用 在此粉絲專頁上 返回中文(台灣) 這份文件已更新。 中文(台灣) 的翻譯尚未完成。 英文更新時間:昨天 中文(台灣) 更新時間:2017年12月22日 Embedded Posts Embedded Posts are a simple way to put public posts - by a Page or a person on Facebook - into the content of your web site or web page. Only public posts from Facebook Pages and profiles can be embedded. Code Generator 貼文的網址 貼文的像素寬度(介於 350 到 750 之間)  加上完整貼文 [?] 取得程式碼 Settings SettingDescriptionDefault data-href The absolute URL of the post. n/a data-width The width of the post. Min. 350pixel; Max. 750 pixel. Leave empty to use fluid width. fluid width data-show-text Applied to photo post. Set to true to include the text from the Facebook post, if any. false Getting your Code from a Post1. Navigate to your Post You can get the embed code directly from the post itself. If the post is public, click on the icon that appears in the top right corner of the post on Facebook. Choose Embed Post from the drop down menu: For photo posts select the Embed Post button on the bottom right: 2. Copy and Paste Code You will see a dialog appear with the code to embed your post in it. Copy and paste this code into your web page in the place where you want it to appear. For technical details please refer to the section Add Code Manually Add Code Manually Besides the Code Generator, you can also embed the code manually. 1. Get Post URL First you need to get the URL of a post you wish to share. The post must be public, which is indicated by the gray world icon, right next the post's publishing time:  For testing you can use this example URL: "https://www.facebook.com/20531316728/posts/10154009990506729/"2. Load JavaScript SDK To use the Embedded Posts Plugin, or any other Social Plugin, you need to add the Facebook JavaScript SDK to your website. You need to load the SDK only once on a page, ideally right after the opening 

 tag:

You can find more help on implementing the JavaScript SDK in the JavaScript SDK - Quickstart. 3. Place Embedded Post Tag Next place the Embedded Post tag at any place of your website. Replace {your-post-url}with your posts' URL.

4. Testing Once you completed these steps you're able to test your Embedded Post. A completed integration will look like something like this:

The result of our test example is shown in the screenshot below. 5. Customizing Follow the instructions further down this page to adjust size, language and other settings. Getting a post's URL There may be scenarios in which your embed code is created by a CMS and you just need the raw post URL. There are two ways to get a post's URL: Copy the URL of the permalink from your browser's address bar.Right-click the post's publishing time and copy the link address. Both methods are highlighted in red in the screenshot below. Via Graph API If you wish to automatically integrate embedded posts into your website, you probably use the Graph API to aggregate posts. For example you may use the Page Feed API endpoint and the fields parameter permalink_url. The response to your request to /{page-id}/feed?fields=permalink_url will send you a response like this: { "data": [ { "id": "1234567890_3456789012", "permalink_url": "https://www.facebook.com/1234567890/posts/3456789012" } ] } Layout on Desktop You can adjust the width of Embedded Posts on desktop via the data-width attribute in the Embed Post tag as shown in the example below. Chose a value between 350 and 750 pixels. Do not use CSS style tags to adjust the size of a plugin. It may result into display errors. .fb-post { width: 500px; } 

Layout on Mobile Web On mobile web, Embedded Posts automatically scale to the width of the container. Wordpress If you are already using the Facebook SDK for JavaScript in your Wordpress site you can use the Embedded Posts plugin by simply adding the fb-post tag to your Wordpress post:

If you are not using the Facebook SDK for JavaScript and embed a Post via the copy&paste snippet, which you can get from each Facebook post, the Embedded Posts plugin will most likly not render as Wordpress will convert all & chars to #038; and break the plugin. Instead use the following code to add the plugin: window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v3.2' }); }; 

A new, easy Wordpress integration will be released in the near future. FAQ How do I display Social Plugins in different languages? What do people see in Embedded Posts? What happens if someone deletes a post or changes a post's audience selector? 語言 中文(台灣)English (US)Tiếng ViệtBahasa Indonesiaภาษาไทย日本語EspañolPortuguês (Brasil)Français (France)Deutsch 產品 人工智慧 擴增實境 商業工具 遊戲 開放原始碼 發佈 社交網站整合 虛擬實境 方案 Developer Circles F8 FbStart ThreatExchange 支援 開發人員支援 故障 平台狀態 Facebook 開發人員社群社團 新聞時事 部落格 成功案例 影片 Facebook for Developers 粉絲專頁 追蹤我們 關於 刊登廣告 工作機會 開放平台政策 隱私政策 Cookie 使用條款 Facebook © 2019 提出意見回饋 JavaScript SDKIFrame 關閉 Place this code wherever you want the plugin to appear on your page.

LRM_EXPORT_10932578312600_20190221_093127723.jpeg

LRM_EXPORT_10929433585218_20190221_093124577.jpeg

LRM_EXPORT_10927769480642_20190221_093122914.jpeg

LRM_EXPORT_10927227533104_20190221_093122372.jpeg

LRM_EXPORT_10942960848170_20190221_093138105.jpeg

LRM_EXPORT_10938772803634_20190221_093133917.jpeg

LRM_EXPORT_10935202648329_20190221_093130347.jpeg

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Gi-Chi!吉氣! 的頭像
    Gi-Chi!吉氣!

    Gi-Chi!吉氣!銀法生活

    Gi-Chi!吉氣! 發表在 痞客邦 留言(0) 人氣()