THETAで撮影した360度画像をFacebook、LINE、YouTubeで公開している人は多いと思いますが、WEBブログに埋め込んで、360度でぐりぐり動かして見ることができるのはあまり知られていないかもしれません。
撮影した360度画像をWEBブログに埋め込んで公開してみませんか?
そこで今回は、360度画像をWEBブログへ埋め込む簡単な方法をご紹介します。
ステップはたったの3つです。
①theta360.comに画像をアップロード
②埋め込みコードを取得
③WEBブログに埋め込みコードを貼りつける
それでは①~③までを詳しくご説明していきます。
①theta360.comに画像をアップロード
RICOH THETAのサイトからパソコン用アプリケーション「基本アプリ」をダウンロードします。
https://support.theta360.com/ja/download/
ここではWindows版を使用して紹介します。
![](https://cdn.prod.website-files.com/639018b31279b3258306183a/639c1de497fd70375840de33_352d232a6eb8da6e6527c999158b8737.png)
アプリを立ち上げて、WEBブログで公開したい360度画像をドラッグ&ドロップして表示します。
![](https://cdn.prod.website-files.com/639018b31279b3258306183a/639c1de597fd70255940de41_ecbef8bd1994939d2c99bd821da2b924.png)
次にアプリのメニューから「theta360.com」 → 「投稿(SNS共有)」を選択します。
![](https://cdn.prod.website-files.com/639018b31279b3258306183a/639c1de497fd703fe340de34_ef9c245bcf6820700f12b3d482010f29.png)
ログインしていない場合は「ログイン」→「利用規約に同意します」にチェックしお持ちのSNSアカウントでログインします。
はじめてtheta360.comに画像を投稿する時は、アカウント登録が必要です。
SNSアカウントで登録することができますので、利用規約に同意して登録を行ってください。
![](https://cdn.prod.website-files.com/639018b31279b3258306183a/639c1de597fd70a4b640de3d_5cd08f9b6699ba7e141a76b134d2be20.png)
画像の説明などコメントを入力します(コメントは入力しなくてもOK)。
「投稿」をクリックします。
![](https://cdn.prod.website-files.com/639018b31279b3258306183a/639c1de597fd70535340de3e_ab9e6b0c938ff218f0c800e198372c2b.png)
しばらくするとアップロードが完了します。
「ブラウザで確認する」をクリックすると、画面はブラウザに移動し、投稿画像が表示されます。
②埋め込みコードを取得
![](https://cdn.prod.website-files.com/639018b31279b3258306183a/639c1de597fd701a9e40de3f_1588037b10bb5ab37eec8fced2ad4f36.png)
「HTMLアイコン」をクリックすると「埋め込みHTMLコード」が発行されます。
③WEBブログに埋め込みコードを貼りつける
「埋め込みHTMLコード」をコピーし、ビューアーを表示させたい箇所に貼り付けて使用します。
360度画像を埋め込むだけで、その場にいるような臨場感を味わう事ができるので、是非WEBブログに取り入れてみてください。
※theta360.comのWEBサービスは個人利用目的に限り、利用することができます。
ご利用における規約の詳細はこちらをご覧ください。
https://theta360.com/ja/legal/terms_of_use/
※商用目的で360度画像を埋め込みたい場合は、「360度画像活用サービス RICOH360」をご活用ください。https://www.ricoh.co.jp/solutions/category/ricoh360.html
![](https://cdn.prod.website-files.com/639018b31279b3258306183a/639c1d9835742c28b3484fae_Basic-Stationery-Etsy-Banner.png)