各SNS等埋め込みまとめ

概要

いざSNS埋め込み作業が発生した時用の、忘備録

YouTube

1. 動画の評価が並んでいる列の共有を押す
   

2. 埋め込む を選択
   

3. 動画の埋め込み というタイトルのつけられたコードをコピーしてhtmlに貼り付ければ完了
   

Twitter

以下に詳しく書いてある
https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview

ツイートボタンの形はカスタマイズしたいことが多いので、カスタマイズできるボタンを出せるようにする
雛形は以下の通り

    <a class="twitter-share-button"
        href="https://twitter.com/intent/tweet">
        Tweet</a>

これでスタイルを自由に定義できるボタンが作れる。class名も自由にできる

?text=Hello%20world このように URI パラメータの text を設定することで、出力する文章を設定することができる

他、data 属性を追加することで、色々なパラメータが設定可能
詳しくはこちらを参照

Facebook

• いいねボタン
• シェアボタン
• フォローボタン
  • フォローボタンは2018年に廃止された

Pinterest

こちら

GoogleMap

1. 目的地を開き、共有 ボタンを押す
   

2. 地図を埋め込む タブを選択し、HTMLをコピー をクリック、HTMLに貼り付けて完了
   

Instagram

1. シェアしたい画像（動画）を選択すると出てくる画像右上の ... をクリック
   

2. 埋め込みを選択
   

3. 埋め込みコードをコピーしてHTMLに貼り付ける
   
   スクリーンショット 2020-08-24 17.27.37