Kısaca: Matterport sanal turu web sitesine bir iframe gömme koduyla eklenir. Kod sayfaya yapıştırıldığında tur sitenin içinde açılır. Mobil uyum için genişlik %100, sayfa hızı için de tıklayınca yüklenen bir kapak görseli önerilir.
Teslim ettiğimiz her Matterport turu bir link ve bir gömme (embed) kodu ile gelir. Link paylaşmak içindir. Gömme kodu ise turu kendi web sitenizin içinde açar ve ziyaretçiyi sitenizde tutar. Bu rehberde turu farklı altyapılara nasıl ekleyeceğinizi anlatıyoruz.
Temel gömme kodu
Matterport gömme kodu standart bir iframe’dir:
<iframe
src="https://my.matterport.com/show/?m=MODEL_ID"
width="100%" height="600"
frameborder="0"
allow="fullscreen; xr-spatial-tracking"
allowfullscreen>
</iframe>MODEL_ID yerine size teslim ettiğimiz turun kimliği yer alır.
Mobil uyumlu (responsive) gömme
Sabit yükseklik telefonlarda kötü görünebilir. En-boy oranını korumak için:
<div style="position:relative;width:100%;aspect-ratio:16/9">
<iframe src="https://my.matterport.com/show/?m=MODEL_ID"
style="position:absolute;inset:0;width:100%;height:100%;border:0"
allow="fullscreen; xr-spatial-tracking" allowfullscreen></iframe>
</div>Altyapıya göre ekleme
WordPress
- Sayfayı blok düzenleyicide açın.
- Özel HTML bloğu ekleyin.
- Gömme kodunu yapıştırın ve yayınlayın.
Wix
- Ekle → Gömülü Kod → Site Yerleştir (iframe) seçin.
- “Web adresi” seçeneğine tur linkini girin.
- Kutuyu sayfa genişliğine göre boyutlandırın.
Shopify, Ikas ve diğer e-ticaret altyapıları
Ürün ya da sayfa açıklamasında HTML (kod) görünümüne geçip gömme kodunu yapıştırın.
Özel yazılmış siteler
Responsive kodu doğrudan sayfa şablonuna ekleyin. Sayfa hızı için aşağıdaki “tıklayınca yükle” yöntemini öneririz.
Sayfa hızı için “tıklayınca yükle” yöntemi
Matterport oynatıcısı ağır bir uygulamadır. Sayfa açılır açılmaz yüklenirse Google’ın sayfa hızı ölçümlerini (Core Web Vitals) olumsuz etkileyebilir. Çözüm: önce turun kapak görselini gösterin, ziyaretçi “Turu başlat” düğmesine tıkladığında iframe’i oluşturun. Bu sitedeki tüm turlar bu yöntemle çalışır. İsterseniz sizin siteniz için de kodu hazırlayabiliriz.
Kullanışlı URL parametreleri
Tur linkinin sonuna parametre ekleyerek davranışını değiştirebilirsiniz:
| Parametre | Ne yapar? |
|---|---|
&play=1 | Tur, oynat düğmesine basmadan başlar |
&qs=1 | Hızlı başlangıç: doğrudan içeriden başlar |
&brand=0 | Tur başlangıcındaki marka bilgisini gizler |
&help=0 | Yardım ekranını göstermez |
&lang=tr | Arayüz dilini Türkçe yapar |
Turu başka nerelerde kullanabilirsiniz?
- Google İşletme Profili: Tur linkini işletme açıklamanızda ve gönderilerinizde paylaşın.
- Sosyal medya: Instagram biyografisi, Facebook gönderisi ve LinkedIn.
- QR kod: Broşür, kartvizit, vitrin ve sergi girişleri.
- E-posta imzası ve teklifler.
Teknik bir sorun yaşarsanız bize yazın. Teslim ettiğimiz turların sitenize eklenmesinde ücretsiz destek veriyoruz.
