Navigation Menu+

eT4® PAGES

Thema:
Tipp’s & Tricks zur Einbindung der eT4 PAGES in die eigene Webseite

Zielgruppe:
Online Redakteure, Web-Agenturen

Inhaltsverzeichnis

  1. Einführung
  2. Einbindung
  3. URL-Parameter
  4. SEO-Optimierung
  5. weitere Tipp’s
  6. Weiterentwicklung
  7. Bestellung

1. Einführung

Die eT4 PAGES sind Ausgabe-Module für Ihre Webseite zur Darstellung strukturierter touristischer Angebote wie Artikel, Gastgeber, Pauschalen, Veranstaltungen, Gastronomie, POI/Ausflugstipps sowie Touren & Wege. Die eT4 PAGES sind mit modernster Webtechnologie umgesetzt und können je nach Einbindung responsive (=Desktop, Infoterminal, Tablet, mobile Webseite) sowie voll suchmaschinenoptimiert (SEO) von Ihnen in Ihre Webseite integriert werden.

Typischerweise werden die eT4 PAGES in dem Content-Bereich der Webseite eingebaut. Hier ein schematischer Überblick am Beispiel unseres Demo-Ortes „Dahoam“:

doku_pages_1

Demo: http://www.demo-dahoam.de/ort/suchen-buchen/unterkunft-buchen/

 

2. Einbindung in die eigene Webseite

Nach der Beauftragung der eT4 PAGES erhalten Sie von uns die Basis-URL’s zu Ihren individuellen eT4 PAGES.
Nachfolgend finden Sie Basis-URLs am Beispiel des Demo-Ort „Dahoam“.
In rot ist das jeweilige Projekt/Experience hinterlegt (bitte durch Ihr Projekt/Experience anpassen).

  • Gastgeber
    http://pages.et4.de/de/demo_dahoam/default/search/Gastgeber
  • Pauschalen
    http://pages.et4.de/de/demo_dahoam/default/search/Package
  • Urlaubsbörse
    http://pages.et4.de/de/demo_dahoam/default/boerse/edit
  • POI/Ausflugstipps
    http://pages.et4.de/de/demo_dahoam/default/search/POI
  • Gastronomie
    http://pages.et4.de/de/demo_dahoam/default/search/Gastro
  • Veranstaltungen
    http://pages.et4.de/de/demo_dahoam/default/search/Event
  • Touren & Wege
    http://pages.et4.de/de/demo_dahoam/default/search/Tour
  • Artikel
    http://pages.et4.de/de/demo_dahoam/default/search/Article
  • Orte
    http://pages.et4.de/de/demo_dahoam/default/search/City
  • Gebiete
    http://pages.et4.de/de/demo_dahoam/default/search/Area
  • Inspiration
    http://pages.et4.de/de/demo_dahoam/default/slideshow
  • Portal
    http://pages.et4.de/de/demo_dahoam/default/portal

Der Einbau in Ihre Webseite kann auf zwei Arten erfolgen:

2.1. per Javascript (Responsive)

Die Javascript-Einbindung empfehlen wir um jeweils thematisch passend an der geeigneten Stelle in Ihrer Webseite die eT4 PAGES zu plazieren.

Im nachfolgenden Video wird die Javascript-Einindung demonstriert:

Step-by-Step Anleitung:

  1. Öffnen Sie die eT4 PAGES Basis-URL zum gewünschten Thema (z.b. POI/Ausflutstipps)
  2. Stellen Sie sich die gewünschten Inhalte und Darstellungsform (Liste, Galerie, Karte) zusammen. Alternativ die Detailseite welche Sie einbinden möchten.
    Beispielsweise „Freibäder“ in der Galerie-Ansicht: Demo-Link
  3. Klicken Sie auf „Einbetten“ um den Javascript-Code zu der aktuellen eT4 PAGES zu erhalten.
    Kopieren Sie sich den Javascript-Code in die Zwischenablage (Tastenkombination „Strg + C“)
  4. Öffnen Sie Ihre Webseite zum passenden Thema bzw. legen Sie eine neue leere Webseite an (z.b. Freibäder)
  5. Gehen Sie auf den Bearbeiten-Modus Ihrer Webseite (HTML-Ansicht)
  6. Fügen Sie im Content-Bereich den Javascript-Code ein (Tastenkombination „Strg + V“)
  7. Speichern Sie die Webseite ab
  8. Fertig! Demo-Link am Beispiel „Freibäder“

Anpassungsmöglichkeiten des Javascript-Code:
<script
id=“et4pages“
type=“text/javascript“
src=“http://pages.et4.de/de/demo_dahoam/default/search/POI/Freibäder/view:gallery/
sort:relevance?i_target=et4pages&i_header_offset=80&i_footer_offset=460„>
</script>

Über die rot markierten Parameter kann das verhalten der eT4 PAGES bei Bedarf angepasst werden:

doku_pages_2

2.2. per Streaming (Responsive + SEO)

Die Streaming-Einbindung empfehlen wir um Ihre Angebote in den eT4 PAGES suchmaschinenoptimiert und mit eindeutigen URL’s im Internet veröffentlichen zu können.

Beispielsweise die Detailseite zu einem Hallenbad:
http://pages.et4.de/de/demo_dahoam/streaming/detail/POI/06CC07B6675A2DB8A310708FE78B31A4/aqacur-badewelt-bad-kotzting
bzw. unter Ihrem Domainnamen (siehe Kapitel 4)
http://pages.demo-dahoam.de/de/streaming/detail/POI/06CC07B6675A2DB8A310708FE78B31A4/aqacur-badewelt-bad-kotzting

Hinweis:
Damit die „Teilen“ Funktion (per eMail, Facebook, Google+, Twitter) in den eT4 PAGES Ihre Angebote im Layout der eigenen Webseite ausliefern kann muss die Streaming-Einbindung konfiguriert sein.

Im nachfolgenden Video wird die Konfiguration der Streaming-Einbindung demonstriert:

Step-by-Step Anleitung:

  1. Öffnen Sie Ihre Webseite und erstellen Sie eine neue leere Webseite. Hinweis: Diese Webseite muss nicht im Menü veröffentlich werden.
  2. Gehen Sie auf den Bearbeiten-Modus der neuen Webseite (HTML-Ansicht)
  3. Fügen Sie im Content-Bereich nachfolgenden Platzhalter ein: [eT4 Pages]
  4. Optional: Fügen Sie im Titel der Webseite nachfolgenden Platzhalter ein: [eT4 Title]
  5. Speichern Sie die Webseite ab
  6. Kontaktieren Sie unsere Kundenbetreuung unter support@hubermedia.de und senden Sie uns die URL der gerade angelegten Webseite. Demo-Link
  7. Fertig!
    Nach Prüfung und Freischaltung übersendet Ihnen unsere Kundenbetreuung die neuen eT4 PAGES Basis-URLs mit aktiviertem Streaming

Beispiele der eT4 PAGES Basis-URLs mit aktiviertem Streaming:

  • Gastgeber
    http://pages.et4.de/de/demo_dahoam/streaming/search/Gastgeber
  • Pauschalen
    http://pages.et4.de/de/demo_dahoam/streaming/search/Package
  • Urlaubsbörse
    http://pages.et4.de/de/demo_dahoam/streaming/boerse/edit
  • POI/Ausflugstipps
    http://pages.et4.de/de/demo_dahoam/streaming/search/POI
  • Gastronomie
    http://pages.et4.de/de/demo_dahoam/streaming/search/Gastro
  • Veranstaltungen
    http://pages.et4.de/de/demo_dahoam/streaming/search/Event
  • Touren & Wege
    http://pages.et4.de/de/demo_dahoam/streaming/search/Tour
  • Artikel
    http://pages.et4.de/de/demo_dahoam/streaming/search/Article
  • Orte
    http://pages.et4.de/de/demo_dahoam/streaming/search/City
  • Gebiete
    http://pages.et4.de/de/demo_dahoam/streaming/search/Area
  • Portal
    http://pages.et4.de/de/demo_dahoam/streaming/portal

3. URL-Parameter

Mit den eT4 PAGES können Sie beliebige Listen und Ansichten erstellen. Hierfür stehen bestimmte Parameter zur Verfügung, die in den Suchschlitz der PAGES eingeben werden. Eine Übersicht finden Sie im Folgenden (in Klammern finden Sie die jeweilige URL, die sich bei der Eingabe in den Suchschlitz ergibt).

3.1. Filterung von Inhalten

3.2. Erstellung von kombinierten Filtern
Durch ODER-Verknüpfungen können Sie beliebige Kombinationen vornehmen.

Mit Hilfe von Ausschlüssen können Sie auch Ausschlussmengen bilden. Verwenden Sie hierfür das Rechenzeichen Minus:

  • all:all- (Beispiel alle nicht beschilderten Wanderwege: http://pages.et4.de/de/landkreis-regensburg/default/search/Tour/all%3Aall%20-feature%3ABeschilderung%20%20category%3A%22Wandern%22/).

3.3 Ausblenden der Suchmaske / Einbindung Mediengalerie
Bei wenigen Treffern, macht es Sinn, die Suchmaske für eine maximal attraktive Darstellung, auszublenden. Hierfür kann der folgende Parameter verwendet werden:

3.4 Sortierung
Die Inhalte können darüberhinaus nach verschiedenen Kriterien sortiert werden. Verwenden Sie hierfür den Sortierbutton in den eT4-PAGES .

  • sort:distance: Mit diesem Parameter können die Inhalte zusätzlich nach Entfernung sortiert werden.
    Tipp: Drücken Sie auf „Meinen Standort anzeigen“ um Ihren aktuellen Standort zu verwenden (Standort kann durch Änderung der Lat./Long.-Werte angepasst werden.
    (Beispiel http://pages.et4.de/de/landkreis-cham/default/search/POI/Lat:49.2852423/Lng:12.7375558/sort:distance/view:gallery)

4. SEO-Optimierung

Dieses Kapitel widmet sich der perfekten Integration und Auffindbarkeit Ihrer eT4 PAGES Inhalte bei Suchmaschinen wie z.B. Google, Bing etc.

Im nachfolgenden Video werden die einzelnen Schritte sowie Beispiele demonstriert:

Hinweis: Wir empfehlen die Maßnahmen zur SEO-Optimierung nur wenn Sie bei Ihren eT4 PAGES auch das Streaming korrekt eingerichtet haben (siehe Kapitel 2.2). Ansonsten erscheinen Ihre eT4 PAGES ohne das Layout Ihrer Webseite was im Zusammenhang der SEO-Optimierung keinen Sinn macht.

 

4.1. Subdomain registrieren

Um die Inhalte der eT4 PAGES auch unter Ihrem Domainnamen bereitstellen zu können, beauftragen Sie bitte Ihren Webseiten-Administrator nachfolgenden DNS Eintrag setzten zu lassen:

pages.demo-dahoam.de mit einem CNAME Eintrag auf pages.et4.de registrieren.

Hinweis:
Bei dem obigen Beispiel „demo-dahoam.de“ durch Ihren Domainnamen austauschen.

Beispiel wie die eT4 PAGES URL’s nach der registrierung der Subdomin zusätzlich verfügbar sind:

Mit Subdomain:
http://pages.demo-dahoam.de/de/pages/streaming/search/Gastgeber/

Ohne Subdomain:
http://pages.et4.de/de/demo-dahoam/streaming/search/Gastgeber/

 

4.2. Sitemap bei Google registrieren

Die eT4 PAGES erzeugen automatisch aus allen Ihren touristischen Angeboten (Detailseiten) eine XML Sitemap und veröffentlichen diese einmal täglich bei Google, Bing und Yahoo.

Gerne können Sie die Sitemap auch zusätzlich selbst über die Goolge Webmaster-Tools veröffentlichen:

http://pages.demo-dahoam.de/sitemap.xml.gz

Hinweis:
Bei dem obigen Beispiel „demo-dahoam.de“ durch Ihren Domainnamen austauschen.
Damit die XML Sitemap auch unter der Stammdomain z.b. www.demo-dahoam.de bei Google angemeldet werden kann, muss diese unter der
http://www.demo-dahoam.de/sitemap.xml.gz erreichbar sein. Richten Sie hierfür auf Ihrem Webseite eine entsprechende Weiterleitungsregel ein.
Siehe auch Kapitel 4.4 sowie das Schulungsvideo zum Thema SEO-Optimierung.

Beispiel am Suchbegriff „Steilhof Trampolin“:

https://www.google.de/#q=steilhof+trampolin+site:demo-dahoam.de

 

4.3. Tracking Code von Google Analytics hinterlegen

Damit die Seitenaufrufe innerhalb der eT4 PAGES auch innerhalb Ihrers Google Analytic Accounts erscheinen, können wir für Sie Ihren Tracking-Code in den eT4 PAGES hinterlegen.
Kontaktieren Sie hierfür unsere Kundenbetreuung unter support@hubermedia.de und senden Sie uns Ihren Tracking-Code (z.b. UA-755406-105).

 

4.4. URL Redirect / Rewrite im Webserver konfigurieren

Um alle Inhalte der eT4 PAGES auch unter ihrer Hauptdomain wie z.b. www.demo-dahoam.de verwenden zu können, müssen Sie oder Ihre Administratoren auf Ihrem Webserver eine Weiterleitungsregel einrichten. Alle gängigen Webserver wie der Apache oder Microsoft IIS bieten standardmäßig diese Funktionalität.

Weiterleitungs-Regel für die XML-Sitemap am Beispiel des Microsoft IIS:

Von: http://www.demo-dahoam.de/sitemap.xml.gz
Nach: http://pages.demo-dahoam.de/sitemap.xml.gz

In der web.config nachfolgenden – für Ihre Domain angepassen Code – einfügen:

<rule name=“Sitemap“ patternSyntax=“ExactMatch“ stopProcessing=“true“>
<match url=“sitemap.xml.gz“ />
<action type=“Redirect“ url=“http://pages.demo-dahoam.de/sitemap.xml.gz“ redirectType=“Permanent“ />
</rule>
Weiterleitungs-Regel für die eT4 PAGES URL’s am Beispiel des Microsoft IIS:

z.B. von: http://www.demo-dahoam.de/de/pages/streaming/search/Gastgeber
z.B. nach: http://pages.demo-dahoam.de/de/pages/streaming/search/Gastgeber

In der web.config nachfolgenden – für Ihre Domain angepassen Code – einfügen:

<rule name=“Pages Umleitung“ enabled=“true“ stopProcessing=“true“>
<match url=“de/(.*)“ />
<action type=“Redirect“ url=“http://pages.demo-dahoam.de/de/{R:1}“ />
</rule>

Hinweis:
Anstatt einen Weiterleitung (action type=“Redirect“) kann auch ein Proxy (action type=“Rewrite“) eingerichtet werden. Dann werden alle eT4 PAGES Anfragen direkt von Ihrem Server aus bearbeitet und der gesamte Traffic läuft über ihren Server (=ihre IP-Adresse). Nachteil: in diesem Fall können wir unseren 99,95% Hochverfügbarkeits-Service-Level für die Bereitstellung der eT4 PAGES nicht mehr anbieten, da wir von der Ausfallsicherheit Ihres Webservers „abhängig“ sind.

Weiterleitungs-Regel für die eT4 PAGES URL’s am Beispiel von Apache:

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.domain\.de      [NC]
RewriteRule ^(.*)        http://www.domain.de/$1   [L,R=301]
RewriteRule  ^de/(.*)$  http://sub.domain.de/de/$1  [P]
RewriteRule  ^assets/(.*)$  http://sub.domain.de/assets/$1  [P]
RewriteRule  ^sitemap.xml.gz$  http://sub.domain.de/sitemap.xml.gz  [P]

5. weitere Tipp’s

5.1. Chat-Tool anpassen

Standardmäßig wird der „digitale Concierge Service“ vom hubermedia Kundensupport übernommen und die Anfragen werden direkt an die Tourist-Informationen etc. delegiert.
Details zu diesem Service können hier nachgelesen werden. Die Kommunikation kann aber auch direkt zwischen dem potentiellen Gast und Tourist-Info / Destination erfolgen. Hierfür muss ein gültiger Account bei dem Anbieter Zopim eingerichtet werden (siehe https://www.zopim.com). Danach unter https://dashboard.zopim.com bei dem Menüpunkt „Widgets“ unsere Kundenbetreuung unter support@hubermedia.de das Chat Widget Script senden.

Im nachfolgenden Video wird die Chat-Einindung demonstriert:

Hinweis:
Gerne unterstützen wir Sie in der Einrichtung und Aufbau des Chat-Tools.

 

5.2. Info-Terminal / Tablet einrichten (Windows APP)

Kurzes Video mit Tipp’s zur Installation der eT4 PAGES auf einem öffentlichen Info-Terminal / Tablet:

Download der Windows APP:
http://apps.microsoft.com/windows/de-de/app/et4-pages/9528a642-af9f-44d7-a600-420c9d63103d

Systemvoraussetzungen:

  • Microsoft Windows 8.1 oder Windows 10
  • Internetverbindung

Hinweis: Mit unserem eT4 STICK bieten wir Ihnen gleich die fertig konfigurierte Hardware
http://hubermedia.de/et4-stick

 

5.3. Infoscreen einrichten

Kurzes Video mit Tipp’s zur Installation und Nutzung des Infoscreen / Bildschirmschoners:

Download des eT4 PAGES Infoscreen:
http://et4.de/screensaver/eT4ScreensaverSetup.msi

Systemvoraussetzungen:

  • Microsoft Windows XP oder höher
  • Microsoft .NET Framework 4.0 oder höher
  • Internetverbindung

Hinweis: Mit unserem eT4 STICK bieten wir Ihnen gleich die fertig konfigurierte Hardware
http://hubermedia.de/et4-stick

 

5.4. WordPress-Vorlage importieren

Kurzes Video mit Tipp’s zum Import der eT4 PAGES in das eigene WordPress:

Download WordPress-Vorlage:
http://touristische-grundversorgung.de/entdecken/

 

6. Weiterentwicklung

Allgemeine Produktinformationen rund um eT4 PAGES finden Sie unter http://hubermedia.de/et4-pages.

Um über die aktuelle Weiterentwicklung von eT4 PAGES informiert zu werden, melden Sie sich an unseren monatlichen Newsletter an: http://hubermedia.de/kontakt/newsletter/.

Aktuelle Release-Notes und neue Funktionen veröffentlichen wir unter http://hubermedia.de/release-notes/et4-pages/.

Ideen, Wünsche und Verbesserungsvorschläge an ideen@hubermedia.de

 

7. Bestellung

Die eT4 PAGES können mit nachfolgenden Bestellformular bestellt werden. PDF-Dokument.
Das ausgefüllte Bestellformular dann per Fax an die 09943-905224 schicken. Nach 2-3 Werktagen erhalten Sie eine eMail mit den für Sie individuell freigeschalteten eT4 PAGES.