6W2H【SNS】投稿をサイトに埋め込む方法(Twitter、Instagram、Facebook)SNS2020.05.21Toshiサイトを運営するにあたって、各種SNSをサイトに埋め込みたい。思ったことはありませんか。Facebookの投稿をサイトに埋め込む方法についてお伝えします。※2020年5月21日時点での埋め込み方法になります。投稿をサイトに埋め込む方法(Twitter、Instagram、Facebook)Twitterを埋め込むInstagramを埋め込むFacebookを埋め込むまとめ投稿をサイトに埋め込む方法(Twitter、Instagram、Facebook)投稿をサイトに埋め込む方法ということで、1つ1つ解説していきたいと思います。ツイートを埋め込むをクリックします。すると、以下のようなリンクが出てくるのでコピーしてそのままサイトに貼り付ければTwitterの投稿が表示されます。クリックすると、オプションがでてきます。Darkが選択できます。Darkを選択してみます。(Traditional)このように色々な言語が選択できます。(Simplified)を選択してみます。Track(トラッキング拒否)のブラウザ設定のサポートを終了しました。Trackに対する業界の足並みはそろいませんでした。Twitterでは詳細なプライバシー設定を利用できます。詳細については以下のページをご覧ください。Track(トラッキング拒否)まあ、設定サポートが終了しているようなので...気にせずUpdateします。2020年5月20日オプションで設定しているので、背景色が黒になっており、表示が部分的に中国語になっているのがわかるかと思います。通常のツイートの埋め込みですが、簡単でしたね!実は、先ほどの画面(publish)からタイムラインやフォローボタンの作成も行えます。自分のアカウントのURLを貼り付けます。...まずは、Twitterのボタンから埋め込んでみましょう。どちらを作るか選択しないといけません。クリックしてみると...さきほどと同じようにURLが作成されます。あったのですが、ボタンに関してはボタンを大きくしたりボタンのアカウントを非表示にしたり、言語を変更することができます。@TT02580274このフォローボタンは、言語を中国語にしています。Buttonも中国語で作ってみました。@TT02580274では続いてタイムラインをみていきましょう。設定が必須になってきます。いうとサイトに埋め込む時デフォルトだとかなり幅や長さが長くなってしまうからです。言語を選択することができます。面白いのでそのまま中国語でタイムラインを埋め込んでみました。TT02580274コンパクトでいい感じに埋め込むことができました。長くなってしまいましたが、続いてInstagramの埋め込みについて説明していきます!Instagramを埋め込むまずは、埋め込みたい投稿をInstagramに入って探します。world.www.instagram.com今回は、自分が気に入っている写真をサイトに埋め込もうと思います。中国深圳市に移住する前、旅行で一度訪れた時の写真で、真ん中の写真が気に入っているので真ん中の写真をクリックし...右上の【...】をクリックします。埋め込みという項目がでてくるので、埋め込みをクリックし埋め込みコードを取得します。8月月13日午後9時14分PDTURLだけコピーしてサイトに貼り付けると少しサイズが大きくなってしまいました。8月月13日午後9時14分PDTキャプションを外すことにより、どうやら投稿の内容を非表示にすることができるようです。ちなみに同じ方法で他の人の投稿も埋め込むことが可能です。