常用社群的程式語法與片段參考 (Facebook, Google)

常用社群的官方程式語法以及片段,在這邊做個統一整理,方便快速參考使用。

Facebook Social Plugins[1]

Facebook Like/Recommend Button

<div class="fb-like" data-href="http://www.vedfolnir.com" data-width="600" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

Facebook Comment

<div class="fb-comments" data-href="http://www.vedfolnir.com" data-numposts="5"></div>

備註:臉書的社群外掛一共分兩部分,上面列出來的是第二部分的顯示嵌入碼,用來擺放在網頁上個別位置,這是共用的。第一部份則涉到個人資料碼,而且只需要在同一個網站中放置一個 JavaScript SDK 即可,我就不特別列出來。有需要的朋友請至 Reference [1] 的臉書官網下載使用。

WordPress ShortCode

顯示 Gmap:用「左中括號 googlemaps https://www.google.com/maps/d/u/0/embed?mid=z-gBePi9AFJU.ksKcIQvWTn0k&amp;w=964&amp;h=500 右中括號」取代 iframe 的官方代碼,其中要特別注意網址後端要改成「&amp;w=964&amp;h=500」。

Reference:

[1] Facebook Developer – Social Plugins.