Iframe beágyazási lehetőségek
Az általunk küldött URL szet mappa <iframe> kódokat tartalmaz, amelyeket a weboldalba vagy Facebook felületekre is be tudod ágyazni.
1. WEBOLDALRA BEÁGYAZÁS
1.: Nyisd meg az URL szet nappa linkéjét, amelyet email-ben küldtünk el.
2.: Keresd meg a beágyazni kívánt virtuális túra vagy animált anyag <iframe> kódját.
Az első keretben a Világkatalógusban megjelent virtuális túrád kapott helyet. Ebben az ablakban az objektum fotózása során készült összes panorámakép egyesével megtekinthető. A fotók a képernyő bal oldalán kisméretű ikon formájában jelennek meg 360 fokos nézetben.
A keretben a világos zöld sávban egy hosszabb kód található. Ezen kód segítségével tudod az egyes verziókat a saját weboldaladra, facebook oldalra beágyazni.
3.: Kód beillesztése a weboldalba
A weboldalad admin felületén keresd meg azt a tartalmi elemet, helyet (oldal, cikk, vagy HTML/PHP aloldal), ahová a virtuális túrát be szeretnéd illeszteni.
CMS-ek (Pl. WordPress, Joomla!, Drupal) esetében keresd meg azt az aloldalt, vagy cikket/bejegyzést, ahová a virtuális túrát be szeretnéd illeszteni. Itt válts át HTML nézetre a szerkesztőben, majd a megfelelő helyre illeszd be az <iframe> kódot.
A beágyazott nézetek mérete változtatható az alábbi értékek módosításával:
– a kód végén található “width –> szélesség, height: –> magasság.
Célszerű az értékek közötti arányt megtartani, mivel a képarány megváltoztatása esetén a nézet valamelyik irányban torzulni (nyúlni) fog.
A beágyazás során mindhárom virtuális séta változat esetében a kiindulópont/kezdő panoráma szintén szabadon változtatható, akár külső nézetre is.
2. FACEBOOK OLDALRA BEÁGYAZÁS
1.: Jelentkezz be a Facebook-ra azzal a profillal, amivel az oldalt (Like Page) kezeled.
2.: Beillesztéshez szükséges App telepítése
Látogass el az alábbi URL címre: https://apps.facebook.com/static_html_plus/, ezen az oldalon találod a szükséges Facebook App telepítőjét.
3.: Kattints az “Add Static HTML to a Page” gombra.
4.: Válaszd ki azt az oldalt, ahová be szeretnéd illeszteni a virtual tours <iframe> kódot.
A kiválasztás után kattints a “Lapfül felvétele” gombra!
5.: A Facebook oldalának lapfül-beállítása
A fenti “Lapfül felvétele” gombra való kattintás után a Facebook átirányítja az oldal admin felületére. (Ha az oldalt “Vállalkozáskezelőn” keresztül kezeled, át kell váltanod abba a nézetbe!)
A gomb szerkesztéséhez kattints a “Set up tab” feliratra.
6.: A HTML tartalom és a gomb szerkesztése
A “Set up tab”-ra való kattintás után a szerkesztő oldalon az index.html ablakba illessze be az URL MAPPA SZETT azon <iframe> kódját, amelyet meg szeretne jeleníteni a Facebook oldalán.
Ha a fenti beállítás megtörtént, kattints a “Save & Publish” feliratra.
A gomb szerkesztéséhez kattints a Facebook oldala admin felületén a “Lapfülek kezelése” feliratra.
Ezt követően, a felugró ablakban válaszd a “Lapfülek hozzáadása vagy eltávolítása” gombot.
A gomb kezeléséhez a “Beállítások módosítása” feliratra kattints!
A Beállításokon belül a lapfülnél meg tudod adni a lap egyedi nevét, valamint a laphoz tartalmazó képi ikont.
A fenti folyamat végig vitele után a látogatók a következőképpen láthatják a beállított tartalmat:
Természetesen az <iframe> kódokban megadott magassági és szélességi pixel értékek szabadon állíthatóak, módosíthatóak. A beállított pixel méretek maradjanak arányosak az eredeti méret szerint, hogy a megjelenítés során a kép ne torzuljon. A fenti tartalom visszavonásához a “Lapfülek kezelése” rész alatt nyílik lehetőség – hasonlóan a “Beállítások módosítása” részhez.
Sok sikert!
Go2maps Group