更新済み 2026年8月27日
ウェブサイトに3Dロゴを置く方法
デザインを共有してから、埋め込み用のコードを貼り付けます。共有は保存されたデザインを短いリンク付きのページに変換します。埋め込みはその同じデザインのiframeで、正方形で遅延読み込みされ、貼り付けたどこでも回転します。どちらも無料で、コードはロゴ、コイン、生成されたメッシュでも同じように動作します。

3Dロゴはどうやって挿入しますか?#
4ステップです。挿入されるのは共有用リンクなので、まずこれを行います:挿入は共有されたデザインの周りのフレームであり、別のエクスポートではありません。
- 編集ツール、コインスタジオ、または生成セクションでデザインを開きます。
- 共有パネルを開き、リンクを作成します。デザインには独自のページが与えられます。
- 挿入に切り替えてコードをコピーします。コピーする前に幅、回転、コントロールを調整してください。
- コードをあなたのページに貼り付けます。これは単純なHTMLです:スクリプトなし、コンパイル工程なし、インストールする必要もありません。
実際に挿入するコードには何が含まれていますか?#
iframeと1行のテキストです。iframeはデザインを指しており、デフォルトでは正方形で、遅延読み込みされるので、読者が到達するまで負荷はかかりません。下の行はデザインへのクレジットを示し、ここへのリンクを含んでいます。
フレームは幅640ピクセルに設定され、縦横比は1:1で、枠はなく、固定サイズではなく配置するコンテナに合わせて調整されます。フルスクリーン、オートプレイ、空間追跡が許可されており、これにより電話で回転したりフルスクリーンに切り替えたりすることができます。
コードに含まれるすべてのものは、あなたに届く前に安全にエンコードされています。自分のデザインのタイトルも含まれます。これはコードが他の人のHTMLに貼り付けられるためで、ロゴ名に含まれる未閉じの引用符はページを壊す可能性があるからです。
クレジットはコードの一部であり、フレーム内に刻まれているわけではありません。デザインを共有ページにリンクし、3DLogo.ioと名付けます。削除を妨げるものはなく、ライセンスページにはクレジットは感謝されるものであり、決して必須ではないと明記されています。
挿入で何を変更できますか?#
4つのスイッチと幅はすべてコピー前に設定され、URLに組み込まれるため、コードは他の場所に設定を隠すのではなく、正直に設定を示します。
| 設定 | デフォルト | 効果 |
|---|---|---|
| 幅 | 640 px | ブロックの最大幅を固定します。フレーム自体はコンテナに合わせて適応するので、上限であり固定サイズではありません。 |
| 自動回転 | はい | デザインは自動で回転します。無効にすると、訪問者がドラッグするまで動きません。 |
| コントロール | はい | 訪問者がデザインを回転させて、どの角度からでも見ることができるようにします。無効にすると、操作できるものではなく、動く画像になります。 |
| 透明 | いいえ | 背景を取り除き、デザインがページの色の上に表示されるようにします。 |
| バッジ | はい | フレーム内の小さな3dlogo.ioのマーク。隠す機能はProによるもので、コードではなくサーバーで確認されます。 |
どのプラットフォームがリンクを共有するだけで表示しますか?#
oEmbedを理解しているものすべて。共有されたページはoEmbedのアドレスを通知するので、Notion、WordPress、Ghost、Discourse にリンクを貼り付けるだけで、HTMLを記述することなく、コードが表示するのと同じインタラクティブなフレームが表示されます。
これは動作する最短ルートです:リンクを貼り付けると挿入が得られます。他のすべてのサイトにもコードが存在し、幅を固定したり回転を無効にしたりしたいときに使えます。
OEmbedに対応していないプラットフォームでも、共有されたページには独自のタイトル、説明、カバー画像があるため、通常のリンクプレビューが表示されます。
共有リンクはどのくらいの期間有効ですか?#
ログインした状態で作成したリンクは、削除するまで有効です。ゲストとして作成したリンクは2週間有効で、ログインすると永続的に使用可能になります。そのため、一度どこかに貼ったリンクは引き続き機能します。
二週間の期限は、匿名の実験が誰も削除できない恒久的な公開ページにならないように設けられています。請求することが解決策であり、これは遡及的に適用され、新しいリンクではありません:URLは変わりません。
現在のスタイルを変更したデザインで「共有」を再度開くと、アドレスを変更せずに既存のリンクが更新されるので、他の人のページにあるURLも古くならずに現在のバージョンを表示します。
埋め込みがしないこと#
モデルを自分のサーバーに置くことはなく、オフラインで表示されず、フレームは意図的にインデックス可能なページではありません。どのサイトがデザインをフレームにできるかを制限できますが、このオプションはデフォルトで無効になっています。
埋め込みはここにあるページの周りのフレームであり、モデルのコピーではありません。自分のインフラにファイルが必要な場合は、GLBをエクスポートして自分のビューアを使用してください。エクスポートは無料で、エクスポートページに説明があります。
フレームには意図的にnoindexヘッダーが付いています。共有されているページが見つかり、リンクされるべきページです。もし両方が競合した場合、同じデザインが2つのURLに分配されます。
共有デザインは、どのドメインがそれをフレーム化できるかを指定できます。何も指定されていない場合、どのサイトでも挿入できます。指定がある場合、リクエスト元のサイトがリストにない場合は拒否されます。これは各デザインごとの意図的な決定であり、デフォルトで適用されるものではありません。
質問
- 3Dロゴを自分のウェブサイトに置くにはどうすればいいですか?
- デザインを共有するリンクを作成し、次に共有パネルから埋め込みコードをコピーしてあなたのページに貼り付けます。これは単純なiframeで、スクリプトも何もインストールする必要はなく、HTMLを貼り付けられる任意のプラットフォームで動作します。
- 埋め込みは無料ですか?
- はい。共有、埋め込みコード、およびoEmbedはアカウントがあれば無料で、ゲストもアカウントなしで共有できます。有料になるのは、フレーム内の小さな3dlogo.ioのマークを隠すことだけで、これはProの機能です。
- アカウントなしで埋め込むことはできますか?
- はい、ただしリンクの有効期間は2週間です。ログインするとURLを変更せずに永久にそのリンクを自分のものとして保持できるので、既に貼り付けたものはすべて引き続き機能します。ゲストリンクは請求されなければ、2週間経過すると機能しなくなります。
- 挿入は私のページを遅くしますか?
- 遅延読み込みがあるので、読者が画面に表示するまで何もダウンロードされません。また、自分のフレーム内でレンダリングされ、あなたのページ内ではレンダリングされません。最初のスクリーン表示より下に挿入があるページは、それがなくても読み込みにかかるコストは同じです。
- 回転やコントロールを無効にできますか?
- 両方とも可能です。自動回転とコントロールは、コピーする前に設定する共有パネルのスイッチで、コードのURLに含まれます。コントロールを無効にすると、挿入は訪問者がドラッグできるものではなく、動く画像になります。
- 挿入はNotionやWordPressで動作しますか?
- はい、そしてそこでコードの代わりにリンクを貼って共有することができます:どちらもoEmbedを解決し、同じフレームを表示します。GhostとDiscourseも同じことをします。他のサイトではコードを使用してください。