Con la soluzione Tikee di Enlaps e l'applicazione web myTikee dedicata al timelapse, puoi integrare facilmente il tuo progetto timelapse nel tuo sito web con un solo clic. Che tu voglia aggiungere un video panoramico, un confronto prima-dopo o una galleria di immagini, hai a disposizione link iframe personalizzabili. Questo tutorial ti guida attraverso i passaggi per personalizzare questi iframe al fine di ottimizzare la visualizzazione del tuo progetto timelapse.

Accedere al codice di integrazione dell'iframe

Per trovare il tuo codice iframe, vai all'indice dei progetti:

1. Vai su Progetto.

2. Clicca su Condividi.

1. Modificare le dimensioni dell'iframe

Il codice di incorporamento dell'iframe può essere facilmente personalizzato direttamente dal codice stesso. Spesso, quando una galleria viene incorporata con un iframe, compare una barra di scorrimento predefinita se la galleria è più grande dell'iframe. Per evitare questo inconveniente, ci sono due opzioni che possono essere aggiunte per regolare facilmente l'iframe.

Un'opzione è modificare l'altezza e la larghezza dell'iframe per adattarle alla galleria, cambiando i valori numerici di height e width nel codice, come mostrato di seguito.

<iframe src="https://staging.tikee.io/time_lapses/1879/photo_gallery/6b12e12d-5650-4aed-8495-38fee083fbba?lang=en" allowfullscreen style="width: 900px; height: 620px; border: none;" ></iframe>

Puoi anche rimuovere il bordo e la barra di scorrimento. Puoi aggiungere scrolling=no e frameBorder=0 al codice di incorporamento per rimuovere questa barra. Attenzione: se rimuovi la barra di scorrimento della galleria, assicurati di impostare l'altezza in modo che i pulsanti di controllo non vengano tagliati fuori.

Affinché il video si adatti alle dimensioni della pagina, è necessario aggiungere ?fluid=true nell'iframe

<iframe src="https://my.tikee.io/videos/cc3dc6e1-862b-4132-b563-61c92ce0a60a?fluid=true" style="width: 100%; height: 100%; border: none;"></iframe>

2. Personalizzare i colori dell'iframe

Puoi scegliere i colori del tuo iframe in questo modo:

• primary_color=5f9ea0

• secondary_color=ff9800

• font_color=db0b93

Inserisci questi parametri come faresti con qualsiasi query parameter in un URL, separati da &:

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=en&primary_color=5f9ea0&secondary_color=ff9800&font_color=db0b93

Nel complesso:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=en&primary_color=5f9ea0&secondary_color=ff9800&font_color=db0b93" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

3. Scegliere i tipi di visualizzatore (viewer) nell'iframe

Puoi scegliere i tipi di visualizzatore desiderati nel tuo iframe in questo modo:

default_tab: “single”, “compare”, “immersive”

• single: modalità panoramica normale

• compare: vista di confronto prima-dopo

• immersive: vista immersiva con riproiezione

allowed_viewer_types: single,compare,immersive separati da una virgola.

/!\ Questi parametri funzionano insieme, non è possibile utilizzare allowed_viewer_types senza default_tab.

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=en&default_tab=immersive&allowed_viewer_types=single,compare,favorite,video

Nel complesso:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=en&default_tab=immersive&allowed_viewer_types=single,compare,favorite,video" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

4. Nascondere i pulsanti di download

Puoi nascondere i pulsanti di download nel tuo iframe in questo modo:

• hide_downloads: “true”, “false”

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=en&hide_downloads=true

Nel complesso:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=en&hide_downloads=true" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

5. Scegliere la lingua

Puoi scegliere la lingua del visualizzatore dell'iframe modificando il parametro “lang”.

Valori accettati:

lang=en
lang=fr
lang=de
lang=es
lang=ar

6. Rotazione dell'immagine

Puoi ruotare le immagini visualizzate dall'iframe aggiungendo questo parametro all'URL:

• rotate: "true" o "false".

Se attivato, le immagini vengono ruotate con un angolo fisso di 180°. Per impostazione predefinita, le immagini non sono ruotate.

Esempio:

<iframe src="https://my.tikee.io/{...}?lang=en&rotate=true" allowfullscreen style="width: 900px; height: 620px; border: none;"></iframe>

<iframe src="https://my.tikee.io/{...}?lang=en&rotate=true" allowfullscreen style="width: 900px; height: 620px; border: none;"></iframe>

<iframe src="https://my.tikee.io/{...}?lang=en&rotate=true" allowfullscreen style="width: 900px; height: 620px; border: none;"></iframe>

Personalizzare gli iframe dei tuoi progetti timelapse Tikee è un processo semplice che ti consente di gestire l'aspetto e le funzionalità delle tue gallerie sul tuo sito web. Regolando dimensioni, colori, tipi di visualizzatore e altri parametri, puoi integrare perfettamente i tuoi contenuti timelapse nella tua strategia di comunicazione online.

Per maggiori informazioni sulla soluzione Tikee e sulle sue applicazioni, visita il nostro sito web.