Обновлено 27 августа 2026 г.
Как разместить 3D-логотип на своем сайте
Поделитесь дизайном, а затем вставьте код для внедрения. Совместное использование превращает сохраненный дизайн в страницу с короткой ссылкой; внедрение — это iframe того же дизайна, квадратный и с отложенной загрузкой, который работает в любом месте, куда вы его вставите. Оба варианта бесплатны, и код работает одинаково для логотипа, монеты или сгенерированной сетки.
Как вставить 3D-логотип?#
В четыре шага. Вставляется ссылка для совместного использования, поэтому она идет первой: внедрение — это рамка вокруг общего дизайна, а не отдельный экспорт.
- Откройте дизайн в редакторе, в студии монет или в Разработке.
- Откройте панель Совместного использования и создайте ссылку. Дизайн получает собственную страницу.
- Переключитесь на Вставку и скопируйте код. Настройте ширину, поворот и элементы управления перед копированием.
- Вставьте код на свою страницу. Это простой HTML: без скриптов, без процесса компиляции, ничего устанавливать не нужно.
Что на самом деле содержит код для вставки?#
Iframe и строку текста. Iframe указывает на макет, по умолчанию квадратный, с отложенной загрузкой, поэтому он ничего не стоит до тех пор, пока читатель не дойдет до него. Строка внизу дает кредит макету и ссылается обратно сюда.
Рамка настроена на ширину 640 пикселей, с соотношением сторон 1:1 и без границы, и она подстраивается под контейнер, в который вы её поместите, вместо того чтобы иметь фиксированный размер. Она имеет разрешение на полноэкранный режим, автоматическое воспроизведение и пространственное отслеживание, что позволяет ей вращаться и переходить в полноэкранный режим на телефоне.
Всё, что содержит код, безопасно кодируется перед тем, как попасть к вам, включая название вашего собственного дизайна, поскольку код вставляется в HTML других людей, и одинарная кавычка в названии логотипа сломала бы их страницу.
Кредитная строка является частью кода, она не встроена в рамку. Она связывает дизайн с его общей страницей и называет 3DLogo.io. Ничто не мешает её удалить, а на странице лицензии ясно указано, что кредиты приветствуются и никогда не являются обязательными.
Что вы можете изменить во вставке?#
Четыре переключателя и ширина, все настраиваются до копирования и передаются в URL, чтобы код показывал правду, а не прятал настройки в другом месте.
| Настройка | По умолчанию | Что делает |
|---|---|---|
| Ширина | 640 px | Устанавливает максимальную ширину блока. Сама рамка адаптируется к контейнеру, так что это верхний предел, а не фиксированный размер. |
| Автоворот | Да | Дизайн вращается самостоятельно. Если его выключить, он останется неподвижным, пока посетитель не перетащит его. |
| Элементы управления | Да | Позвольте посетителю вращать дизайн, чтобы видеть его с любого угла. Если вы их отключите, это превратится в движущееся изображение, а не в объект для манипуляции. |
| Прозрачный | Нет | Удалите фон, чтобы дизайн находился на цвете вашей страницы, а не на своём. |
| Значок | Да | Маленькая метка 3dlogo.io внутри рамки. Скрыть её — функция Pro, которая проверяется на сервере, а не в коде. |
Какие платформы сами показывают общую ссылку?#
Любые, которые понимают oEmbed. Общая страница объявляет свой адрес oEmbed, поэтому вставка ссылки, без дополнительных действий, в Notion, WordPress, Ghost или Discourse показывает ту же интерактивную рамку, что и код, без необходимости писать HTML.
Это самый короткий путь, где это работает: вставляешь ссылку и получаешь вставку. Код существует для всех остальных сайтов, и для случаев, когда хочешь зафиксировать ширину или отключить вращение.
Платформы, которые не поддерживают oEmbed, всё равно показывают обычный превью ссылки, потому что на общей странице есть свой заголовок, описание и обложка.
Как долго действует ссылка для обмена?#
Ссылка, созданная с активной сессией, действует до тех пор, пока ты её не удалишь. Ссылка, созданная как гость, действует две недели, а вход в систему закрепляет её навсегда, так что ссылка, которую ты уже вставил куда-либо, продолжает работать.
Срок в две недели существует для того, чтобы анонимный эксперимент не превращался в постоянную публичную страницу, которую никто не может удалить. Претензия — это решение, и оно действует ретроактивно, а не по новой ссылке: URL не меняется.
Повторное открытие Поделиться в дизайне, стиль которого вы изменили, обновляет уже имеющуюся у вас ссылку, не меняя её адрес, так что URL, который уже есть на странице другого человека, показывает текущую версию вместо того, чтобы оставаться устаревшей.
Что не делает вставка#
Не размещает модель на вашем собственном сервере, не отображается без подключения к интернету, и рамка, специально, не является индексируемой страницей. Можно ограничить, какие сайты могут вставлять дизайн в рамку, хотя эта опция по умолчанию отключена.
Вставка — это рамка вокруг страницы отсюда, а не копия модели. Если вам нужен файл для вашей собственной инфраструктуры, экспортируйте GLB и используйте свой собственный просмотрщик; экспорт бесплатный и объясняется на странице экспорта.
Рамка намеренно имеет заголовок noindex. Должна находиться и ссылаться общая страница, а если бы обе конкурировали, один и тот же дизайн делился бы между двумя URL.
Общий дизайн может указывать домены, которые могут его встраивать. Если ни один не указан, любой сайт может вставить его; если указаны, запрос с сайта, которого нет в списке, отклоняется. Это сознательное решение для каждого дизайна, а не что-то по умолчанию.
Вопросы
- Как разместить 3D-логотип на моём веб-сайте?
- Создайте ссылку для совместного использования дизайна, затем скопируйте код для вставки с панели «Поделиться» и вставьте его на свою страницу. Это простой iframe, без скриптов и без необходимости установки чего-либо, и он работает на любой платформе, которая позволяет вставлять HTML.
- Вставка бесплатна?
- Да. Совместное использование, код для вставки и oEmbed бесплатны с учетной записью, а гость может делиться без нее. Единственное, за что нужно платить, это скрытие маленькой метки 3dlogo.io внутри фрейма, что является функцией Pro.
- Могу ли я вставить без учетной записи?
- Да, но ссылка действует две недели. Вход в систему сохраняет её навсегда без изменения URL, так что все, что вы уже вставили, продолжает работать. Гостевая ссылка, которую не сохраняют, перестает работать по истечении двух недель.
- Вставка замедлит мою страницу?
- Имеется отложенная загрузка, так что ничего не загружается до тех пор, пока читатель не покажет это на экране, и отображается она в своей собственной рамке, а не на вашей странице. Страница с вставкой ниже первого экрана загружается столько же, сколько и страница без неё.
- Могу ли я отключить вращение или элементы управления?
- Оба. Автоматическое вращение и элементы управления — это переключатели в панели «Поделиться», которые настраиваются до копирования и идут в URL кода. Отключение элементов управления превращает вставку в движущееся изображение, а не в что-то, что посетитель может перетаскивать.
- Вставка работает в Notion или WordPress?
- Да, и там вы можете вставить ссылку для простого обмена вместо кода: оба способа решают oEmbed и показывают одну и ту же рамку. Ghost и Discourse делают то же самое. На любом другом сайте используйте код.
