Dieser Leitfaden für Site Creator Infomaniak behandelt das Thema Browser-Cookies.

Vorwort

• Standardmäßig sollten auf den Geräten Ihrer Besucher keine Cookies gespeichert werden, wenn Ihre Website neu ist. Es gibt keine Verfolgungsfunktion für Werbung oder Marketing.
• Als Webseitenadministrator werden bestimmte Daten in Ihren eigenen Cookies gespeichert (wie Informationen darüber, dass Sie ein Webseitenadministrator sind).
• Wenn Sie Anwendungen/Module zu Ihrer Website hinzufügen, können Cookies verwendet werden; Beispiel mit dem Umfrageformular: Wenn Sie ein Umfragemodul zu Ihrer Website hinzufügen, verwendet es Cookies, wenn der Website-Besucher abstimmt (um sich daran zu erinnern, dass er bereits abgestimmt hat).

Benachrichtigung für den Besucher

Voraussetzungen

• Zu Site Creator zugreifen:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  • Klicken Sie direkt auf den Name des betreffenden Site Creator.
  • Klicken Sie auf die Schaltfläche Meine Seite bearbeiten, um den Editor zu starten:
    

Sie können eine Cookie-Zustimmungsnachricht aktivieren, die in einem kleinen Popup-Fenster unten auf dem Bildschirm für alle neuen Besucher Ihrer Website angezeigt wird:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf Kontaktinformationen unter Website-Konfiguration.
3. Aktivieren Sie die Option Cookie-Informationen, um die kurze Nachricht und die URL für zusätzliche Informationen zu konfigurieren.
4. Stellen Sie den erweiterten oder nicht erweiterten Anzeigetyp ein (weiter unten lesen).
5. Speichern Sie die Änderungen am Seitenende:
   ‍

Zusätzliche Einstellungen

Die Einwilligungsnachricht kann standardmäßig oder erweitert eingestellt werden, wenn Sie auf Anzeige klicken. Das Ergebnis lautet wie folgt:

• standardmäßig:
  
• erweitert:
  

Diese Anleitung erklärt, wie Sie den Logo-, Header- und Footer-Bereich in Site Creator Infomaniak verwalten.

Voraussetzungen

• Zu Site Creator zugreifen:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creator.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Ein Webseiten-Logo hinzufügen

Sobald Sie in Site Creator sind:

1. Klicken Sie auf die Schaltfläche Einstellungen, dann Logo im linken Seitenmenü.‍‍
2. Laden Sie ein Bild hoch und wählen Sie, ob der Name der Website ebenfalls daneben angezeigt werden soll.
   ‍

Logoeinstellungen

1. Klicken Sie auf die Schaltfläche Design in der linken Seitenleiste.
2. Klicken Sie auf Menü-Designer‍ dann Titel/Logo um Abstände und Farben einzustellen.

Anzeige des Logos in der Mitte

Am selben Ort wie oben, aktivieren Sie die Option, um das Logo in einer separaten Zeile anzuzeigen, wodurch das Logo der Website zentriert wird:

Logo (+ Kopf- und Fußzeile) ausblenden

Um eine Seite ohne Logo zu erstellen, die weder einen Kopfbereich (d.h. kein angezeigtes Menü) noch einen Fußbereich hat, muss sie als Startseite (d.h. "Landing page"; beachten Sie, dass dies die Reihenfolge der Seiten nicht ändert) definiert werden, und zwar mit einem Button, der sich hier befindet:

1. Klicken Sie auf die Schaltfläche Einstellungen in der linken Seitenleiste.
2. Klicken Sie auf Seitenliste.
3. Bewegen Sie den Mauszeiger über eine Seite im bestehenden Baum und klicken Sie auf das Zahnradsymbol, das beim Überfahren erscheint.
4. ‍Aktivieren Sie die Option unten "Startseite", um Kopf- und Fußzeilen zu verbergen:
   

Diese Anleitung beschreibt die Verwendung von Medien in Site Creator Infomaniak.

Zu beachten ist, dass es auch möglich ist, andere Elemente wie z. B. ein Anmeldeformular für den Infomaniak Newsletter einzufügen.

Voraussetzungen

• Zu Site Creator zugreifen:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creator.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Bild hinzufügen

Die Medien werden in der Dateibibliothek verwaltet:

1. Fügen Sie einen neuen Inhalt-Block mit Bildern hinzu, die Sie später ersetzen oder ergänzen können.
2. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
3. Klicken Sie auf Objekte in der Liste, um ein einzelnes Bild einzufügen.
4. Klicken Sie auf den Bildblock rechts.

Sobald das Bild hinzugefügt wurde, können Sie es auch in einen klickbaren Link umwandeln oder seine Größe ändern:

Sie können Bilder auch als Modul Fotogalerie hinzufügen.

Bild ändern

Um ein eingefügtes Bild zu ersetzen:

1. Klicken Sie auf ein Bild, um es zu bearbeiten.
2. Klicken Sie auf die Schaltfläche vom Typ Fotorahmen auf dem Miniaturbild des Bildes, um ein neues Bild auszuwählen, das das vorherige ersetzt:
   

Ein Video hinzufügen

Um ein Video hinzuzufügen:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie auf Objekte in der Liste.
3. Klicken Sie auf den VIDEO-Block rechts, um ein Video in voller Breite einzufügen.

Sie können auch einen Link zu einem Bild hinzufügen indem Sie ein YouTube-Video als URL verwenden: Dies erstellt automatisch ein PLAY-Symbol, das beim Klicken das Video in einem Lightbox-Fenster öffnet.

Eine Audiodatei hinzufügen

Um eine Audiodatei hinzuzufügen:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie auf Anwendungen unten.
3. Der verfügbare Inhalt wird rechts angezeigt.
4. Klicken Sie auf den Audio-Player, um ihn auf der Seite einzufügen.

Sie können es über die HTML-Bearbeitung fortgeschritten anpassen.

Eine Datei zum Download hinzufügen

Um eine Datei zum Herunterladen anzubieten:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie auf Anwendungen unten.
3. Der verfügbare Inhalt wird rechts angezeigt.
4. Klicken Sie auf das Widget Dateidownload, um es auf die Seite zu setzen.
5. Wählen Sie in der Bibliothek die Datei aus, die von Ihren Besuchern heruntergeladen werden kann.

Diese Anleitung erklärt, wie Sie eine mit Site Creator Infomaniak erstellte Website vorübergehend offline schalten.

Vorwort

• Die Wartungsseite wird nur auf den Geräten der Besucher angezeigt:
  
• Ihr Gerät wird weiterhin Ihre Website ohne Wartungsseite anzeigen, und zwar nur für Ihre Internetverbindung.
• Da Sie angemeldet sind, können Sie die Website weiterhin mit Site Creator bearbeiten.

Site Creator in Wartung versetzen

Um Site Creator vorübergehend zu deaktivieren:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name des betreffenden Produkts.
3. Klicken Sie auf Verwalten ‍ oben auf der Seite.
4. Klicken Sie auf Wartungsmodus aktivieren.
   • Führen Sie denselben Vorgang aus, um ihn zu deaktivieren:
     
   • Sie können den Wartungsmodus auch vom Vorschaufenster Ihrer Website deaktivieren:
     

Diese Anleitung erklärt, wie Sie den Quellcode anpassen, CSS ändern, den HEAD- oder BODY-Bereich einer mit Site Creator Infomaniak erstellten Website ändern.

Voraussetzungen

• Zu Site Creator zugreifen:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  • Klicken Sie direkt auf den Name des betreffenden Site Creator.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Benutzerdefinierten Code hinzufügen

Sobald Sie in Site Creator sind:

1. Klicken Sie auf Design im linken Seitenmenü.
2. Klicken Sie auf Mehr Einstellungen.
3. Klicken Sie auf Benutzerdefinierter Code unten:
   
4. Geben Sie HTML-Code, JavaScript (mit seinen Tags Skript oder CSS (mit seinen Tags Stil) - lesen Sie weiter unten für einige Beispiele.
5. Speichern Sie die Änderungen unten auf der Seite.

Metadaten im HEAD & BODY

Um JavaScript-Code oder jeden anderen Code im Abschnitt Kopf oder BODY des Quellcodes Ihrer Website:

1. Klicken Sie auf Einstellungen im linken Seitenmenü.
2. Klicken Sie auf SEO & Metadaten im Abschnitt Webseitenkonfiguration.
3. Scrollen Sie nach unten zu Benutzerdefinierter Code.
4. Wählen Sie aus, ob Sie unter den Registerkarten Kopf oder unter BODY.
5. Speichern Sie die Änderungen unten auf der Seite:
   

Beispiele für CSS-Anpassungen

Diese Beispiele ermöglichen den Einstieg in die erweiterte Anpassung der Webseiten. Es besteht jedoch das Risiko, dass Sie je nach den vorgenommenen Änderungen nicht mehr auf den Editor zugreifen können, was Sie zwingen wird, von vorne zu beginnen.

Den Hintergrund des Websites anpassen

Um Ihr gewünschtes Bild (das in der Dateibibliothek hochgeladen werden soll) als Hintergrundbild zu verwenden und dessen Anzeige anzupassen:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in dieser Anleitung sichtbar ist.
2. Fügen Sie den Code <style> ein, um anzugeben, dass Sie den CSS-Code ändern möchten,
3. dann body { um anzugeben, dass Sie den Seitenkörper ändern möchten, und das "{" um den Raum zu öffnen, in dem die Befehle eingefügt werden können,
4. dann background-image: url("../data/files/fond01.jpg"); mit dem genauen Pfad & Namen des in der Bibliothek hochgeladenen Bildes, ohne das Semikolon zu vergessen, um den nächsten Befehl einfügen zu können.
5. background-repeat: repeat; um das eingefügte Bild zu wiederholen.
6. background-attachment: fixed; damit das Hintergrundbild fest bleibt, auch wenn der Besucher die Seite nach unten oder oben scrollt, um den Inhalt zu lesen.
7. } um den zuvor geöffneten Einfügebereich zu schließen.
8. </style> um anzugeben, dass der Code hier endet.

Den Abstand zwischen den Buchstaben aller Links auf der Website vergrößern

Um die Buchstaben in den anklickbaren Wörtern (Links) weit auseinander zu setzen:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in dieser Anleitung sichtbar ist.
2. Fügen Sie den Code (falls noch nicht vorhanden) <style> ein, um anzugeben, dass Sie den CSS-Code ändern möchten,
3. dann .container div a { um anzugeben, dass Sie die Blöcke der Seite und insbesondere die Links ("a") ändern möchten, und das "{" um den Raum zu öffnen, in dem die Befehle eingefügt werden können,
4. dann letter-spacing:1em; indem der Wert verringert wird (z.B. 0.9em) und das Semikolon nicht vergessen wird, um den nächsten Befehl einzufügen oder zu beenden.
5. } um den zuvor geöffneten Einfügebereich zu schließen.
6. </style> um anzugeben, dass der Code hier endet.

Nehmen Sie sich die Zeit, diese anderen CSS-Code-Beispiele zu durchstöbern, die Sie auf Ihrer Website einfügen können.

Diese Anleitung erklärt, wie Sie eine mit Site Creator Infomaniak erstellte Website mit einer Domain in Ihrem Manager verbinden.

Site Creator mit einer Domain verbinden

Um Site Creator mit einer bestehenden Domain in Ihrem Infomaniak-Konto zu verbinden:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name, der dem betreffenden Produkt zugewiesen ist.
3. Klicken Sie auf Meine Website mit einer Domain verbinden, um den Konfigurationsassistenten unten zu starten: 
   

Verwalten Sie die Domain(n) von Site Creator

Um die Domain(en) zu verwalten, die mit Site Creator verwendet werden:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name, der dem betreffenden Produkt zugewiesen ist.

Am oberen Bildschirmrand werden eventuelle Meldungen zu Problemen mit Site Creator und den Domains angezeigt.

Unten können Sie Ihre Domains verwalten, falls vorhanden:

Vorläufige Adresse, Vorschau-URL

Mehrere Domains können mit Site Creator verbunden, gelöscht oder ausgetauscht und umgekehrt werden, wenn es erforderlich ist:

Die Vorschau-URL, vom Typ abcd.infomaniak.site und in der Liste der Site Creator-Domains getrennt, kann nie gelöscht werden, damit Ihre Website ordnungsgemäß funktioniert:

Diese Anleitung hilft Ihnen, das Erstellen und Bearbeiten von Seiten in Site Creator Infomaniak zu verstehen.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Manager Infomaniak zuzugreifen (Hilfe benötigen?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creator.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Einfache Seitenbearbeitung

Die Bearbeitung einer Seite erfolgt in Echtzeit und Ihre Änderungen werden fortlaufend gespeichert, während Sie den Inhalt Ihrer Blöcke bearbeiten. Sie können Ihre Änderungen bei Bedarf rückgängig machen.

Ein Link erstellen

Erstellen Sie einen Link aus einem Bild oder Text, indem Sie das Objekt direkt auswählen.

Klicken Sie anschließend auf die Kette um den Teil zu öffnen, der es Ihnen ermöglicht, den Linktyp und die zugehörigen Optionen zu spezifizieren:

Einen Link in einen Button umwandeln

In den Einstellungen Ihres Links können Sie den Stil (abgerundeter Button, voll, etc.), das zugehörige Symbol usw. auswählen:

 

Ein Link bearbeiten

Bearbeiten Sie einen Link, indem Sie darauf klicken:

Ein Link zu einer Datei erstellen

Um es Ihren Besuchern zu ermöglichen, eine Datei über einen Link auf einem Objekt herunterzuladen, wählen Sie den Typ "Datei" in den Einstellungen Ihres Links:

Einen Link zu einer E-Mail erstellen

Wählen Sie den Typ "E-Mail-Adresse" in den Einstellungen Ihres Links aus. Ein Klick auf den Link öffnet die Standard-E-Mail-Anwendung des Besuchers und beginnt mit der Erstellung einer E-Mail mit der vorgefertigten E-Mail-Adresse.

Um zu verhindern, dass die E-Mail-Adresse fest auf Ihrer Seite steht, fügen Sie ein Kontaktformular ein.

Einen Link zu einem bestimmten Abschnitt erstellen

Um den Besucher zu einem bestimmten Abschnitt Ihrer Website oder einer anderen zu leiten, verwenden Sie das System der Anker.

Ein Link von einem Bild erstellen

Wenn Sie auf ein Bild klicken, um es zu bearbeiten, aktivieren Sie einfach die Schaltfläche "Dies ist ein Link" unter dem Bild, um die URL anzugeben, die angezeigt werden soll, wenn ein Besucher darauf klickt:

Sie können auch einen Link auf ein Bild anwenden, indem Sie ein YouTube-Video als URL verwenden: Dies erstellt automatisch ein PLAY-Symbol, das beim Klicken das Video in einem Fenster des Typs lightbox öffnet.

Eine Liste erstellen, ein Emoji einfügen...

Die verschiedenen Formatierungsmöglichkeiten für Ihren Text befinden sich über der Textauswahl und zusätzliche Optionen (Aufzählungslisten, Ausrichtung, Emojis usw.) sind mit dem Pfeil zugänglich:

Dieser Leitfaden behandelt die Einrichtung der in der Favoritenleiste eines Webbrowsers angezeigten Symbols, des Favicons, in Site Creator Infomaniak.

Vorbemerkung

• Die von Microsoft für seine Browser empfohlenen Formate sind 16 x 16, 32 x 32 und 48 x 48.
• Apple empfiehlt hingegen, dass die Abmessung des Favicons 180 x 180 beträgt.

Favicon in Site Creator einrichten

Voraussetzungen

• Zu Site Creator zugreifen:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  • Klicken Sie direkt auf den Name des betreffenden Site Creator.
  • Klicken Sie auf die Schaltfläche Meine Seite bearbeiten, um den Editor zu starten:
    

Um ein neues Favicon festzulegen:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Scrollen Sie nach unten bis zum Abschnitt Favicon:
   
4. Wählen Sie die favicon auf Ihrer Festplatte aus.
5. Speichern Sie die Änderungen unten auf der Seite.
6. Vorschau des Ergebnisses im Browser (falls notwendig in einem neuen Fenster im Inkognito-Modus z.B.):
   

Diese Anleitung erklärt, wie Sie auf Webseiten Video- / Audio-Dateien integrieren, die auf einem VOD / AOD-Dienst hochgeladen wurden.

Vorwort

• Dieser VOD/AOD-Integrationscode ist einzigartig und entspricht den Parametern, die Sie auf der Seite festlegen.
• Er ermöglicht es Ihnen, dasselbe Video mit verschiedenen Anzeigeeinstellungen je nach Bedarf zu integrieren.
• Anschließend können Sie die Parameter dieser Integration anpassen, indem Sie sie von der Seite der Integrationshistorie im Infomaniak Manager anpassen.
• Gleichzeitig können Sie ein Medium auf verschiedene Weisen teilen.

Erzeugen und Kopieren des Einbettungscodes

Der Einbettungscode befindet sich in Ihrer VOD-Oberfläche; hier ist ein Beispiel mit einem Standard Player:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name, der dem betreffenden Produkt zugewiesen wurde.
3. Klicken Sie auf Medien im linken Seitenmenü.
4. Klicken Sie auf Medienverwaltung im linken Seitenmenü.
5. Klicken Sie auf das betreffende Medium in der angezeigten Tabelle.
6. Klicken Sie auf die blaue Schaltfläche Integrieren.
7. Klicken Sie auf Integration erstellen:
   
8. Passen Sie die Medienintegration an (Zeitstempel, Schleifenwiedergabe, automatischer Start, …).
9. Klicken Sie auf die Schaltfläche, um den Integrationscode zu generieren:
   
10. Kopieren Sie den Code, um ihn an der gewünschten Stelle zu integrieren:
    

Das Medium wird in diesem Fall mit dem Standard-Player eingefügt, aber Sie haben die Möglichkeit, aus Ihren erstellten Players denjenigen auszuwählen, der bei der Integration angeboten werden soll.

Eine vorherige Integration ändern

Um die bereits erfolgte Integration Ihres Mediums erneut anzupassen und den entsprechenden Code zu behalten, ohne ihn erneut einfügen zu müssen:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name, der dem betreffenden Produkt zugewiesen wurde.
3. Klicken Sie auf Medien im linken Seitenmenü.
4. Klicken Sie auf Medienverwaltung im linken Seitenmenü.
5. Klicken Sie auf das betreffende Medium in der angezeigten Tabelle.
6. Klicken Sie auf die blaue Schaltfläche Integrieren.
7. Klicken Sie auf Eine Integration bearbeiten:
   
8. Klicken Sie auf das Aktionsmenü ⋮ rechts neben dem betreffenden Objekt in der angezeigten Tabelle.
9. Klicken Sie auf das gewünschte Element, um die Integrationscodes zu erhalten/zu ändern:
   

Den Integrationscode einfügen…

Auf der gewünschten Webseite fügen Sie den Code an der gewünschten Stelle ein.

… auf Site Creator Infomaniak

• Für Site Creator muss ein „Fest“ (und nicht „Reaktiv“) Integrationscode generiert werden:
  
• Fügen Sie dann diesen Code in Site Creator in einen Block „Benutzerdefinierter HTML-Code“ ein.

• Hier ist ein Beispiel für das Kopieren und Einfügen von der Integrationsseite eines Mediums: