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.

Névtelen

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.

Névtelen

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.

Névtelen

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.

iframe_beagyazas_facebook_oldalba_v2

4.: Válaszd ki azt az oldalt, ahová be szeretnéd illeszteni a virtual tours <iframe> kódot.

iframe_beagyazas_facebook_oldalba_v2

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.

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, kattints a “Save & Publish” feliratra.

A gomb szerkesztéséhez kattints 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álaszd 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 kattints!

iframe_beagyazas_facebook_oldalba_v2

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.

iframe_beagyazas_facebook_oldalba_v2

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:

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.

Sok sikert!

Go2maps Group