【超簡単!】ブログに色々埋め込む方法!Twitter・Youtube・Googleマップ

 

ブログ初めて一ヶ月になるはらくん(@harakunishere)です!

この記事を読まれている方にはブロガーの方が多いかと思います!

 

ブログを書いていると、この動画ブログに貼りたいな〜とかって思うこと多いですよね!

 

今回はブログ初めて一ヶ月の僕が実践した各コンテンツの貼り付け方をまとめてみました!

是非参考にしてみてください!

 

Twitterのツイートをブログに埋め込む方法

 

まずは、ツイートの貼り付け方法について紹介していきます!

 

まずは自分のツイッターアカウントにログインします。

今回はNHK広報局のツイートを埋め込みたいと思います。

もし、別の方のツイートを貼りたい場合はそのツイートが表示されるページまで行きます。

 

ちなみにツイッターのツイートをブログに貼り付ける際の著作権に関しては問題無いようです。そもそも公開しているものですしね。

 

 

そしたら自分がブログに貼りたいツイートの右上にある▽みたいなボタンを押します。

 

ボタンを押すと、ツイートをサイトに埋め込むというのがありますのでクリックします。

 

クリックするとツイートを貼り付けるためのHTMLが出てきますのでコピーします。

お使いのブログにこの HTMLを貼り付ければツイートをブログに埋め込むことができます!

WordPressの場合は「ビジュアル」ではなく「テキスト」の方に貼り付けてください。

 


こんな感じで埋め込まれます!

Youtubeの動画をブログに埋め込む方法

 

今回は僕の大好きな「ゆきりぬ」さんの動画を埋め込んでいきたいと思います!

まずは自分がブログに埋め込みたい動画をYoutubeで検索しましょう。

そして動画を選びます。

今回はゆきりぬさんの「平成最後の夏」という動画を選びました!

ゆきりぬさん可愛いですね!

 

そしたら動画の右下にある共有というのをクリックします!

 

 

すると上の画像のように色々出てきます。

ここで「リンクの共有」の下にある埋め込むをクリックします!

 

そうするとこのように埋め込むためのHTMLコードが表示されますのでコピーします。

動画の開始位置や関連動画の表示の有無などをここで選択しておきます。

 

お使いのブログにこの HTMLを貼り付ければ動画をブログに埋め込むことができます!

WordPressの場合は「ビジュアル」ではなく「テキスト」の方に貼り付けてください。

 

はい!こんな感じで埋め込むことができました!

 

GoogleMapの地図をブログに埋め込む方法

 

最後にGoogleMapの地図を埋め込んでいきたいと思います!

はらくんはスカイツリーを真下から眺めるのが大好きなので、今回はスカイツリーの場所を埋め込んでいきたいと思います!

 

まずはGoogleMapで埋め込みたい場所を検索します!

 

 

検索したら「ルート・乗り換え」(青い部分)の下にある選択肢の一番左にある共有をクリックします。

 

 

上部の切り替えの部分が最初はリンクを共有するになっていると思いますので地図を埋め込むというのに切り替えてください。

 

そうすると上の画像のような画面になると思います。

ここでHTMLのコピーをクリックしましょう。(普通にコピーしても大丈夫です。)

 

お使いのブログにこの HTMLを貼り付ければツイートをブログに埋め込むことができます!

WordPressの場合は「ビジュアル」ではなく「テキスト」の方に貼り付けてください。

 

はい!埋め込むことができました!

 

以上がいろんなコンテンツを埋め込む方法です!

是非参考にして素敵なブログを作ってください。