Facebook 的 發文、影片、留言〈資料 href 篇〉

在提到了如何使用 amp-facebook 之後，我們來學學如何找到 data-href 這個的 value 值

發文（POST）

• 點選公開文章右上角的「…」後，按下「嵌入」

• copy input 裡的 code 下來

得到整個完整的 code 如下

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fithelpfans%2Fposts%2F1173547026151941&width=500" width="500" height="599" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

• 截取當中的 src 這個內容

https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fithelpfans%2Fposts%2F1173547026151941&width=500

• 再留下 post.php? 與 & 之間的字串

https%3A%2F%2Fwww.facebook.com%2Fithelpfans%2Fposts%2F1173547026151941

• 最後把這串 url 做 encode 後，就是我們要的 data-href 了

https://www.facebook.com/ithelpfans/posts/1173547026151941

影片（VIDEO）

• 點選影片播放器右下角的「…」後，按下「嵌入」

• 接下來的幾個步驟和上述「發文（POST）」是一樣的，但要截取出來轉換的字串介於 video.php? 與 & 之間

• 最後我們能得到的如下

https://www.facebook.com/WuYiSyuan888/videos/749879508678070/

留言（COMMENT）

• 點選留言右側的「…」後，按下「嵌入」

• 接下來的幾個步驟和上述「發文（POST）」也是一樣的，但要截取出來轉換的字串介於 comment_embed.php? 與 & 之間

• 最後我們能得到的如下

https://www.facebook.com/tghff/posts/1015681583491618/comment_id=10156815907821180

參考來源：

• AMP官網
• Facebook 官方文件 - 內嵌貼文
• Facebook 官方文件 - 內嵌影片
• Facebook 官方文件 - 內嵌留言