Help us understand the problem. What is going on with this article?

各SNS等埋め込みまとめ

概要

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

YouTube

  1. 動画の評価が並んでいる列の共有を押す
    スクリーンショット 2020-08-18 13.54.14.png

  2. 埋め込む を選択
    スクリーンショット 2020-08-18 13.54.31.png

  3. 動画の埋め込み というタイトルのつけられたコードをコピーしてhtmlに貼り付ければ完了
    スクリーンショット 2020-08-18 13.54.45.png

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

Pinterest

こちら

GoogleMap

  1. 目的地を開き、共有 ボタンを押す
    スクリーンショット 2020-08-18 17.35.19.png

  2. 地図を埋め込む タブを選択し、HTMLをコピー をクリック、HTMLに貼り付けて完了
    スクリーンショット 2020-08-18 17.35.48.png

Instagram

  1. シェアしたい画像(動画)を選択すると出てくる画像右上の ... をクリック
    スクリーンショット 2020-08-24 17.27.05.png

  2. 埋め込みを選択
    スクリーンショット 2020-08-24 17.27.13.png

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした