BEÁGYAZÁSI LEHETŐSÉGEK

Az általunk küldött URL MAPPA SZETT-et tartalmazó <iframe> kódokat elküldtük cégüknek. Ezeket a kódokat weboldalakba valamint social felületekre is be tudják ágyazni.

WEBOLDALBA VALÓ BEÁGYAZÁS

1.: Nyissa meg azt a linket, amit az URL MAPPA SZETT email-ben küldtünk. 

Az email-ben lévő URL-re kattintva a virtualtour.city ügyfeleiknek szóló publikus URL aloldalára érkeznek.

2.: Keresse meg a beágyazni kívánt Virtuális túra <iframe> kódját 

Az első keretben az úgynevezett Virtuális túra kapott helyet. Ebben 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. Ezekre kattintva azok megnézhetők 360 fokos nézetben.

Névtelen

A keretben a világos zöld sávban egy hosszabb kód található. Ezen kód segítségével tudják Önök az egyes verziókat a saját weboldalukra, facebook oldalukra beágyazni.

3.: A fenti kód beillesztése a weboldalba

Az Ön weboldalának admin felületén keresse meg azt a tartalmi elemet, helyet (oldal, cikk, vagy HTML/PHP aloldal), ahová a Virtuális túrát be szeretné illeszteni.

CMS-ek (Pl. WordPress, Joomla!, Drupal) esetében keresse meg azt az aloldalt, vagy cikket/bejegyzést, ahová a Virtuális túrát be szeretné illeszteni. Itt váltson HTML nézetre a szerkesztőben, majd a megfelelő helyre illessze be az <iframe> kódot.

Névtelen

A beágyazott nézetek mérete változtatható az alábbi értékek változtatá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 ez az úgynevezett 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.

Névtelen

FACEBOOK OLDALRA BEÁGYAZÁS

1.: Jelentkezzen be a Facebook-ra azzal a profillal, amivel az oldalát (Like Page) kezeli.

2.: Beillesztéshez szökséges App telepítése

Látogasson el az alábbi URL címre:

https://apps.facebook.com/static_html_plus/

Ezen az oldalon találja a szükséges Facebook App telepítőjét.
3.: Kattintson az “Add Static HTML to a Page” gombra.

iframe_beagyazas_facebook_oldalba_v2

4.: Válassza ki azt az oldalt, ahová be szeretné illeszteni a Virtual Tours <iframe> kódot.

iframe_beagyazas_facebook_oldalba_v2

A kiválasztás után kattintson 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 kezeli, át kell váltania abba a nézetbe!)

A gomb szerkesztéséhez kattintson a “Set up tab” feliratra.

iframe_beagyazas_facebook_oldalba_v2

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.

iframe_beagyazas_facebook_oldalba_v2

Ha a fenti beállítás megtörtént, kattintson a “Save & Publish” feliratra.

A gomb szerkesztéséhez kattintson a Facebook oldala admin felületén a “Lapfülek kezelése” feliratra.

iframe_beagyazas_facebook_oldalba_v2

Ezt követően, a felugró ablakban válassza a “Lapfülek hozzáadása vagy eltávolítása” gombot.

 iframe_beagyazas_facebook_oldalba_v2

A gomb kezeléséhez a “Beállítások módosítása” feliratra kattintson!

iframe_beagyazas_facebook_oldalba_v2

A Beállításokon belül a lapfülnél meg tudja adni a lap egyedi nevét, valamint a laphoz tartalmazó képi ikont.

iframe_beagyazas_facebook_oldalba_v2

A fenti folyamat végigvitele után a látogatók a következőképpen láthatják az Ön által beállított tartalmat:

iframe_beagyazas_facebook_oldalba_v2

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.