【簡単】insta360で撮った360度写真をブログに貼る方法【最速】

2022-07-102023-01-18

当ページのリンクには広告が含まれています。

どうも、ヒロマスです。
たまにはTips的な記事も残しておこうと思います。

僕はバイクでの日本一周旅の間、insta360 One X2を毎日のように使い、
360度写真をブログへ掲載してきました。
こんな感じです。
(鳥取砂丘に行った時の写真です)

ブログへのコードの貼り付けは、最初は面倒に感じるのですが、
慣れてしまえば簡単で、結構サクサク出来ます。
ほぼスマホ側での操作になります。

「insta360の360度写真をブログに貼り付けてみたい！」っていう人は参考にしてみて下さい。
(どれだけ需要があるんだろう…)
旅ブログをやってる人にはinsta360、オススメですよ〜。

Macに寄せたザックリ説明なので、分かりにくかったらすいません…！

Insta360 ONE X2 プレミアムセット（ONE X2 x1、1.2m自撮り棒 x1、64GB SDカード x1、レンズキャップx1同梱）360度アクションカメラ 5.7K 360度動画 FlowState手ブレ補正 1630mAh大容量電池 10メートル防水 4マイク内蔵 360度オーディオ 360度全天球カメラ【Insta360公式】

¥52,829 （2022/07/10 00:45時点 | Amazon調べ）

Amazonで見る

楽天市場で見る

Yahooショッピングで見る

ポチップ

必要なもの、insta360アプリ

当たり前なのですが、必要なものは以下3点。

insta360 本体 (僕の場合はOneX2)
スマホ (僕の場合はiphone)
PC (僕の場合はMacbook)

スマホには、insta360のアプリが必要です。
insta360のカメラを持っている人は、
既にインストールしている人が大半だと思いますが、
まだの人はアプリを入れておきましょう。

insta360の各製品ごとにアプリが分かれていたりしますが、
僕は全機種共通っぽい「insta360アプリ」を使い、insta One X2と連携させています。
というかこのアプリだけでOKです。

Insta360

開発元:Shenzhen Arashi Vision Co., Ltd.

無料

posted withアプリーチ

ブログ掲載のステップ

最初に流れを説明するとこんな感じです。

スマホとinsta360を接続し、連携させる
insta360に保存されているアルバムから写真を選ぶ
写真をinsta360のサーバー(コミュニティ)にアップロードする
アップロードした写真をWebブラウザで開く
開いたURLをPCに共有する
PCから埋め込みコードをコピーしてブログに張り付ける

順に見ていきます。

スマホとinsta360を接続し、連携させる

insta360のアプリを開くとこんな感じ。
一度連携させた事があれば、自動で連携されると思います。
連携が出来れば、左下の「アルバム」を選択します。

どうでも良いですが、毎回このノーズモードのオッサンの顔が表示されるのがウザいです…。

insta360に保存されているアルバムから写真を選ぶ

アルバムの中から、ブログに掲載したい写真を選択します。
何回股のぞきの写真撮ってるねん俺…

写真をinsta360のサーバー(コミュニティ)にアップロードする

写真を選んだら、右上の「書き出し」を選択します。

「360度写真をエクスポート」を選択します。

360度の写真がスマホのアルバムに保存されます。

保存が終わったら、左下の「黄色いinsta360マーク」を選択します。

別に書かなくて良いのですが、
コミュニティの利用者は外国人が多いので、コンテンツの説明があると親切です。
よく分からん人からいいねが貰えます。
右下の「シェア」を選択します。

insta360のコミュニティに共有されます。

アップロードした写真をWebブラウザで開く

コミュニティへの共有が終われば、
自分のコミュニティページに飛ぶので、
そこから先程アップした写真を選択します。

右下の「矢印マーク」を選択します。

iphoneの場合、「Safariで開く」を選択します。
他のスマホを使っている人は、右下の「リンク」を選択してコピーし、PCに転送して下さい。
今回はiphone→Macへの転送とします。

これでSafariからリンク先を開くことが出来ます。

開いたURLをPCに共有する

Safariから先程のリンクを開いたら、
真ん中下部の「共有ボタン」を選択します。

連携しているMacを選択します。

ここまで選べたら、スマホでの操作は終了です。

PCから埋め込みコードをコピーしてブログに張り付ける

ここからはMacでの確認。
Mac側でもブラウザが起動され、先程のリンクが開きます。
右上の「＜/＞」みたいなマークを選択します。

コードとアドレスが表示されます。
HTMLのコードは上の方です。
右上のコピーを選択すれば、後はブログに張り付けるだけでOK。

SWELLの場合は、「カスタムHTML」のブログパーツに貼り付けます。
お疲れ様でした！

割と沢山ステップを踏む必要がある

もう少し簡単にコードがコピー出来たら良いんですけどね…。
現状はこの方法が最速かなーと思ってブログに貼り付けてます。
やっていくうちに慣れます。

僕は日本一周中、夜にテントの中でブログを書いていましたが、
夕方にコミュニティの共有だけ先にやっておき、
ブログを書く時はスマホからリンクをPCに転送するだけ、
という感じで使っていました。
やる作業を纏めておくと楽です。

360度写真だけじゃなく、
普通にリフレームした写真や動画もコミュニティに共有出来るので、
同様の手順でブログへの貼り付けは可能です。

あまり参考にならないかもですが、
insta360の360度写真は貼り付けてる本人が一番楽しめます。
ガンガン使い倒していきましょう。

それでは〜