Virtuelna tura može da izgleda odlično u posebnom prozoru, a da na sajtu bude premala, spora ili teška za korišćenje. Kvalitetna ugradnja povezuje ta dva iskustva.
Dobro postavljena virtuelna tura na WordPress sajtu omogućava posetiocu da istraži prostor i nastavi ka informacijama, proizvodu ili kontaktu. Potrebno je povezati hosting, prikazivač i samu stranicu. U ovom vodiču objašnjavamo kako da isplanirate ugradnju i šta da proverite pre nego što obilazak postane dostupan publici. Pre ugradnje razjasnite da li predstavljate 360° panoramski obilazak ili 3D prikaz prostora, jer format utiče na pripremu i zahteve učitavanja.
Odvojite datoteke ture od stranice koja je prikazuje
WordPress stranica i virtuelna tura ne moraju da budu na istom serveru. Stranica može da sadrži tekst, fotografije i dugme za kontakt, dok se interaktivni obilazak učitava sa posebnog URL-a. Za mnoge web ture koristi se iframe: okvir unutar stranice koji prikazuje sadržaj sa druge adrese.
Mogućnosti zavise od isporučenog formata i platforme. Pre ugradnje tražite javni URL ture, odgovarajući kod za ugrađivanje i objašnjenje uslova hostinga. Sam link ka projektu u administratorskom panelu platforme nije nužno adresa namenjena posetiocima.
Agencija Cifra Media za brojne realizovane prezentacije koristi sopstvenu infrastrukturu na domenu virtuelnatura.com. Takva tura može da se prikaže u okviru klijentovog sajta. Za konkretan projekat dogovaraju se održavanje, dostupnost datoteka i mogućnost prenosa na drugi hosting.
Izaberite mesto na sajtu koje odgovara svrsi ture
Postavite obilazak tamo gde posetilac očekuje odgovor o prostoru: na stranici hotela, showroom-a, muzejske izložbe ili određenog objekta. Kratak uvod treba da objasni šta može da istraži i kako da započne. Nemojte od njega tražiti da sam prepoznaje neobeležene kontrole.
Na početnoj stranici često je prikladna dobra naslovna fotografija sa dugmetom koje otvara turu. Na detaljnoj stranici projekta može biti koristan neposredno ugrađen prikaz. Izbor povežite sa važnosti obilaska, ostalim sadržajem stranice i očekivanim načinom korišćenja.
Primer povezivanja opisa i interaktivnog sadržaja možete pogledati na stranici virtuelnog vodiča Muzeja vojvođanskih Slovaka.
Kako izgleda ugradnja u WordPress editoru
Za kod koji dobijete od autora ture može se koristiti blok Prilagođeni HTML / Custom HTML. U editoru stranice dodajte blok, unesite dostavljeni kod i sačuvajte nacrt. Prema WordPress dokumentaciji, korisnicima bez odgovarajućih ovlašćenja sistem može ukloniti nedozvoljene oznake, uključujući iframe.
Zato proverite da li je kod ostao sačuvan nakon ponovnog otvaranja editora. Ako tema ili postojeći dodatak ima namenski blok za virtuelne ture, koristite njegov podržani način unosa. Ugradnju treba prilagoditi editoru koji vaš sajt zaista koristi.
Javni prikaz zatim proverite na stranici sajta, izvan administratorskog editora. Za ugradnju nije dovoljno da okvir postoji: tura mora da se otvori, da prihvata kontrole i da omogući razumljiv povratak na sadržaj stranice.
Podesite širinu i visinu za stvaran obilazak
Okvir treba da prati širinu dostupnog prostora, umesto da ima fiksnu širinu veću od ekrana. Prazan rub ili horizontalno skrolovanje na telefonu znak su da treba proveriti okvir, njegove roditeljske elemente ili samu turu.
Visinu odaberite prema interfejsu. Vrlo nizak okvir može da preseče meni ili ostavi premalo prostora za razgledanje. Odnos 16:9 dobar je za mnoge naslovne fotografije, ali interaktivnoj turi na uspravnom telefonu često prija viši prikaz. Proverite raspored kontrola u tom formatu.
Dugme za pun ekran treba da bude vidljivo i lako dostupno gde ga platforma i pregledač podržavaju. Pored ugrađene ture dodajte i običan link za otvaranje u posebnom prozoru. Tako posetilac ima jasan alternativni put ako ugrađeni prikaz ne odgovara njegovom uređaju.
Šta proveriti na mobilnom telefonu
- Početni pogled: odmah pokazuje prostor ili sadržaj koji korisniku objašnjava gde se nalazi.
- Dodir i skrolovanje: razgledanje ture ne otežava nepotrebno kretanje kroz ostatak stranice.
- Navigacija: oznake, meni i dugmad ne prekrivaju ključne delove prikaza.
- Tekstovi: opisi i natpisi mogu da se pročitaju bez neprekidnog povećavanja.
- Uspravan i vodoravan položaj: kontrole i sadržaj ostaju upotrebljivi nakon okretanja telefona.
- Izlaz: korisnik razume kako da zatvori dodatni sadržaj ili napusti pun ekran.
Proverite bar jedan Android telefon i jedan iPhone ako su oba važna za vašu publiku. Koristan je i test na slabijem uređaju. Isti sadržaj može imati drugačije performanse zbog grafičkih mogućnosti, raspoložive memorije i brzine veze.
Učitavanje planirajte zajedno sa kvalitetom slike
Velike panorame i zahtevne 3D scene mogu da opterete vezu i uređaj. Optimizacija zato obuhvata datoteke, prikazivač i način pokretanja. Ako obilazak nije prvi sadržaj stranice, razmotrite učitavanje kada se približi vidljivom delu ili nakon korisnikovog klika.
Naslovna fotografija i jasno dugme za pokretanje mogu da pruže koristan početni prikaz dok se tura još nije učitala. Međutim, odloženo učitavanje ne popravlja neoptimizovane datoteke; potrebno je proveriti i sadržaj same ture.
Za izbor tehnologije pogledajte poređenje 360° i 3D virtuelnih tura. Obim i format utiču i na zahteve ugradnje.
Kada se tura ne prikazuje, proverite ove tačke
Najpre otvorite njen javni URL u posebnom prozoru. Ako ni tada ne radi, problem nije samo u WordPress stranici. Ako samostalno radi, a unutar sajta ne, proverite kod, ovlašćenja urednika i da li server ili platforma dozvoljavaju ugrađivanje na vaš domen.
Stranica i izvori ture treba da koriste odgovarajuće bezbedne adrese. Blokada učitavanja, ograničenja ugrađivanja i greške prikazivača zahtevaju proveru administratora sajta ili pružaoca platforme. Izbegavajte nasumično menjanje bezbednosnih pravila da biste uklonili poruku o grešci.
Dodajte sadržaj koji tura sama ne može da zameni
Uz obilazak napišite čemu prostor služi, šta je prikazano i kako posetilac može da zatraži dodatne informacije. Važne informacije o objektu zadržite i u čitljivom tekstu na stranici. Tekst ugrađen u zaseban prikazivač nije automatski isto što i sadržaj WordPress stranice.
Planirajte i održavanje: ko proverava linkove, ko menja opise i šta se događa ako se promene URL ture ili platforma. Jednostavna evidencija projekta olakšava kasnije izmene sajta.
Obilazak koji vodi do sledećeg koraka
Pošaljite adresu svog sajta i opišite turu koju želite da ugradite. Povezaćemo prikaz sa strukturom stranice i potrebama publike. Tako kvalitet koji vidite u posebnom prozoru postaje dostupno iskustvo na vašem sajtu, uz jasnu navigaciju i jednostavan put do upita.