Facebookの埋め込みコードと投稿ページのリンクの取得方法

Programming

今回は、Facebookの埋め込みの仕方と個別投稿ページのURLを取得してリンクを作成する方法について紹介していきます。

FacebookのTOPページへのリンクURLや埋め込みは簡単に理解出来たのだが、投稿ページのリンクが少しややこしかったので、自分のメモを含め共有しときます。

投稿ページのURL

投稿ページのURLの取得はややこしいが作業は非常に簡単です。

投稿部分の左上にある更新時刻をクリックするとそのページへ移動します。その時のページのURLバーのURLが個別投稿ページのものです。(この時刻のリンクが投稿ページとは思わなかった)

スマホの場合はシェアその他のオプションコピーで取得出来ます。

1
2

別の方法

①まずはリンクしたいFacebookページへ行きます。

②リンクさせたい投稿の右上にある「⁝」をクリックして「埋め込み」をクリックします。

③埋め込みコードが表示されるが、無視して下の詳細設定をクリックします。

④そこにある「投稿URL」があります。これがそのまま、投稿のURLです。

作成したURLをURLバーに貼り付けて更新すれば狙った投稿のページへ行きます。

このURLを下記の様にテキストリンクなどにすれば意図した流れで指定したFacebookページへのリンクを付ける事が出来ます。

Facebook投稿ページリンク

埋め込み

また下記の様に、投稿ページのデザインを維持した状態でWEBサイトに埋め込んでリンクさせることも可能です。

先程の「埋め込み」のページを開き「コードの取得」を選択し「IFrame」のタブを選択しそこのコードをbody内、もしくはカスタムHTMLにペーストするだけで完了です。

タイムラインの埋め込み

まず下記の「Facebook ページプラグイン」にアクセスします。

ページプラグイン - ソーシャルプラグイン - ドキュメンテーション - Meta for Developers

上記ツールのサイドバーメニューの「ページプラグイン」へ移動。FacebookページのURLの部分に埋め込みたいFacebookアカウントのTOPページのURLを入力します。

タブを「timeline」と入力し、幅と高さを指定して下にある「コードを取得」を押します。

そしたらコードが表示されるのでタブの右側のIFrameコードをコピーします。その後body内、もしくはカスタムHTML内にコードをペーストすれば完了です。


以上が「Facebookの埋め込みコードと投稿ページのリンクの取得方法」でした。

Facebook以外にもTwitterやYouTubeも埋め込み可能です。それらのやり方を知りたい方は下記の記事をみて下さい。

この記事を書いた人
KEITO

AI × IT × WEB3|関東在住。本職はディレクター 。AIを活用してビジネス開拓。仕事の依頼はTwitterからお願いします。YouTube、Twitter、Instagramもお願い致します。

Programming
この記事を共有する
スポンサーリンク
スポンサーリンク
KT LIFE
スポンサーリンク

暗号資産投資するなら以下

Bybit

国内人気No.1!屈強なサーバー/信頼性抜群!トレーダー御用達の取引所。

通貨数338種以上
レバレッジ最大100倍
現物取引手数料Maker:0%〜0.1%
Taker:0.02%〜0.1%
先物取引手数料Maker:0%〜0.01%
Taker:0.03%〜0.06%
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり・JPY利用可
特典下記から登録で初回ボーナスあり
登録リンクBybitへの登録は こちら
招待コード22295
レビュー記事レビュー記事は こちら
BigBoss&CRYPTOS

最大レバレッジ1111倍・日本円換金ルート

通貨数BigBoss:15種以上
CRYPTOS:15種以上
レバレッジ最大1111倍
スポット手数料Maker:0.02%〜0.18%
Taker:0.05〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設少し敷居が高い
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクBigBossへの登録は こちら
招待コード6690951
レビュー記事レビュー記事は こちら
Nexo

高APYでのステーキング&レンディング

通貨数60種以上
レバレッジ
スポット手数料Maker:0.04%〜0.20%
Taker:0.03%〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクNexoへの登録は こちら
招待コード
レビュー記事レビュー記事は こちら

他おすすめ取引所はこちら

タイトルとURLをコピーしました