Mit Enlaps' Tikee-Lösung und der myTikee-Webanwendung, die sich dem zeitraffer widmet, können Sie Ihr zeitraffer-Projekt ganz einfach mit nur einem Klick in Ihre Website integrieren. Ob Sie ein Panoramavideo hinzufügen, einen Vorher-Nachher-Vergleich machen oder eine Bildergalerie erstellen möchten, Sie haben Zugang zu anpassbaren iframe-Links. Dieses Tutorial führt Sie durch die Schritte, um diese iframes individuell anzupassen und so die Anzeige Ihres zeitraffer-Projekts zu optimieren.

Zugriff auf den Iframe-Integrationscode

Um Ihren Iframe-Code zu finden, gehen Sie zum Projektindex:

1. Gehen Sie zu Projekt.

2. Klicken Sie auf Teilen.

1. Ändern der Iframe-Größe

Der Iframe-Embed-Code kann direkt aus dem Embed-Code heraus leicht angepasst werden. Oft gibt es eine Standard-Scrollleiste, wenn eine Galerie in einem iframe eingebettet wird und die Galerie größer als der iframe ist. Um dies zu vermeiden, gibt es zwei Optionen, mit denen Sie den iframe leicht anpassen können.

Eine Option besteht darin, die Höhe und Breite des iframes den Maßen der Galerie anzupassen, indem Sie die Zahlen für die Höhe und Breite des Codes wie unten gezeigt ändern.

<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>

Sie können auch den Rand und die Scrollleiste entfernen. Sie können scrolling = "no" und frameBorder = "0" zum Embed-Code hinzufügen, um diese Leiste zu entfernen. Achtung: Wenn Sie die Scrollleiste der Galerie entfernen, vergewissern Sie sich, dass die Höhe so eingestellt ist, dass die Steuerelemente nicht abgeschnitten werden.

Damit sich das Video an die Größe der Seite anpasst, muss " ?fluid=true " in den iframe eingefügt werden

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

2. Anpassen der Iframe-Farben

Sie können die Farben Ihres iframes wie folgt wählen:

• primary_color: wie „#090909“, aber ohne das „#“, da wir eine URL verwenden.

  • secondary_color: wie „#090909“, aber ohne das „#“, da wir eine URL verwenden.

  • font_color: wie "#090909", aber ohne das "#", da wir eine URL verwenden.

Übergeben Sie diese Parameter wie Any-Query-Parameter an eine URL:

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

Alles zusammen:

<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. Auswahl der Ansichtstypen im Iframe

Sie können die von Ihnen gewünschten Viewer-Typen in Ihrem iframe wie folgt auswählen:

• default_tab: "single", "compare", "immersive"

  • single: normaler Schwenkmodus

  • compare: Vorher-Nachher-Vergleichsansicht

  • immersive: immersiver Ansichtsmodus mit Neuprojektion

  • allowed_viewer_types: wie „single“, „compare“, „immersive“, getrennt durch ein Komma

/!\ Diese Parameter funktionieren zusammen, Sie können „allowed_viewer_types“ nicht ohne „default_tab“ verwenden.

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

Alles zusammen:

<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>

5. Wählen der Sprache

Sie können die Sprache Ihres Iframe-Viewers ändern, indem Sie den Parameter „lang“ ändern, die akzeptierten Werte sind „en“ und „fr“.

Das Anpassen der Iframes Ihrer Tikee-zeitraffer-Projekte ist ein einfacher Prozess, der es Ihnen ermöglicht, das Aussehen und die Funktionalität Ihrer Galerien auf Ihrer Website zu steuern. Indem Sie Dimensionen, Farben, Ansichtstypen und andere Parameter anpassen, können Sie Ihren zeitraffer-Inhalt nahtlos in Ihre Online-Kommunikationsstrategie integrieren.

Für weitere Informationen zur Tikee-Lösung und ihren Anwendungen besuchen Sie unsere Website.