Um eine App zu Ihrer Site hinzuzufügen, müssen Sie zunächst eine App in Livefyre Studio erstellen.
So erstellen Sie eine neue App:
Die Seite App-Zusammenfassung enthält vier Registerkarten:
Die Seite mit der Liste "Apps"bietet Zugriff auf alle Ihre vorhandenen Livefyre-Apps.
Auf der Seite mit der Apps-Liste werden die folgenden Informationen angezeigt:
Auf der Registerkarte "App Designer"können Sie die Optionen Style und Configuration auswählen, um Ihre Apps anzupassen.
Style Optionen sind für alle App-Typen konsistent. Configuration Die Optionen variieren je nach App. Im unteren Bereich der Bereiche Style und Configuration wird die Livefyre-App-Version für Ihre App aufgelistet.
Stiloptionen auswählen
Stilapps, die dem Branding Ihrer Site entsprechen. Verwenden Sie die Style-Optionen, um die Farbe und Schriftstile der App auszuwählen.
Theme. Wählen Sie Light oder Dark aus, um die Hintergrundfarbe für den angezeigten Inhalt zu definieren. Änderungen an dieser Einstellung werden sofort in der Vorschau auf der rechten Seite angezeigt. Diese Einstellung steuert Hintergrund, Inhaltstext, Benutzerhandle, Zeitstempel, Schaltfläche "Freigeben"und die Farbauswahl für Social-Symbole für die App.
Brand color. Wählen Sie eine Farbe für Ihre App aus. Diese Farbe wird für Hashtags, URLs, Benutzernamen, @Erwähnungen, Balkendiagramme und andere App-spezifische Komponenten verwendet, wie im Vorschaufenster auf der rechten Seite angezeigt.
Font family. Wählen Sie eine Schriftart für benutzergenerierten Inhalt in Ihrer App aus. Wenn Sie Georgia oder Times New Roman auswählen, wird diese Schriftart dem Inhalt und Helvetica Neue Benutzernamen und Anzeigenamen zugewiesen. Wenn Sie Helvetica, Verdana oder Trebuchet auswählen, werden diese Schriftarten Inhalt, Benutzernamen und Anzeigenamen zugewiesen.
Font size. Wählen Sie eine Standardschriftgröße aus. Diese Einstellung wirkt sich auf alle benutzergenerierten Inhalte und Titel aus, die in der App angezeigt werden.
Wenn eine neuere Version der App vorhanden ist, wird die Schaltfläche Update angezeigt.
Klicken Sie auf die Schaltfläche , um auf die neueste Version zu aktualisieren. Aktualisieren Sie Ihre App, um alle verfügbaren Funktionsverbesserungen und Fehlerbehebungen zu verwenden. Nehmen Sie nach der Aktualisierung eine Vorschau der an Ihrer App vorgenommenen Änderungen vor (falls vorhanden) und akzeptieren oder lehnen Sie die Aktualisierung ab.
Fügen Sie eine Aktionsaufruf-Schaltfläche hinzu, um die Konvertierung von benutzergenerierten Inhalten zu fördern.
So fügen Sie einer App eine Aktionsaufruf-Schaltfläche hinzu:
Erstellen Sie eine Mosaic- oder Media Wall-App.
Informationen zu den in einer Mosaic- oder Media-Pinnwand verfügbaren Anpassungen finden Sie unter Mosaic-Anpassungen oder Anpassung der Medienwand.
Öffnen Sie den Designer für die App.
Scrollen Sie im Designer zum Abschnitt Call-to-Action Button .
Wechseln Sie Call-to-Action Button zu on.
Konfigurieren Sie die Schaltflächenoptionen für Aktionsaufrufe .
Mit App Designer können Sie eine Vorschau Ihrer App in mehreren Versandformaten sowie mit Ihren eigenen Daten oder Beispieldaten anzeigen.
Wählen Sie Exit Preview aus, um zum Designmodus zurückzukehren.
Der Vorschaumodus bietet die folgenden Optionen:
Preview Options: Verwenden Sie das Pulldown-Menü, um ein Vorschauformat (Mobil, Tablet oder Desktop) auszuwählen und festzulegen, ob die Stream-Daten der App angezeigt Sample Data oder nicht.
Wenn Sie die Auswahl von Sample Data aufheben und kein Stream für die App aktiviert ist, wird kein Inhalt im Vorschaumodus angezeigt.
Share: Öffnet die App in einer neuen Browser-Registerkarte und generiert eine URL, über die Freunde, Kollegen oder Nicht-Studio-Benutzer Ihre App überprüfen und in verschiedenen Browsern und Geräten testen können.
Alle Inhalte, die in einer Reviewversion Ihrer App veröffentlicht werden, werden der App hinzugefügt. Wenn dieser Inhalt nicht in Ihrer veröffentlichten App angezeigt werden soll, müssen Sie ihn löschen, bevor Sie auf Veröffentlichen klicken.
Exit Preview: Gibt Sie zum Bearbeitungsmodus zurück.
Der Vorschaumodus ist vollständig interaktiv, sodass Sie das Benutzererlebnis für Ihre App testen können. Wenn Sie Allow user posts aktivieren, können Benutzer mit dem Vorschau-Link auf die Schaltfläche What’s on your mind klicken und Inhalte in Ihrer Testversion posten. Studio listet Inhalte wie veröffentlicht auf.
App Designer speichert Ihre App automatisch, nachdem Sie eine Änderung vorgenommen haben. Sie können Publish verwenden, um einen Einbettungscode zu generieren oder alle zuvor veröffentlichten Versionen dieser App mit der aktuellen Version zu aktualisieren.
Durch Klicken auf Publish wird ein Einbettungscode für die App generiert und alle vorhandenen Instanzen der App aktualisiert, sofern sie bereits veröffentlicht wurden.
App Designer speichert Ihre App automatisch, nachdem Sie eine Änderung vorgenommen haben, und generiert für jede Änderung eine neue Version. Sie können History verwenden, um ein Bedienfeld zu öffnen, in dem alle Versionen Ihrer App aufgelistet sind. In aufgelisteten Versionen werden der Editor und das Alter der einzelnen Versionen angezeigt.
So überprüfen Sie den App-Verlauf:
Sie können eine App nicht bearbeiten, während der Bereich Version History geöffnet ist.
Wenn ein anderer Editor Änderungen vornimmt, während Ihr Browser-Fenster geöffnet ist, gibt Livefyre eine Warnmeldung aus, wenn Sie versuchen, die App zu bearbeiten, und Sie werden gefragt, ob Sie zu Ihrer (älteren) Entwurfsversion zurückkehren möchten. (Dadurch wird verhindert, dass mehrere gleichzeitige Editoren versehentlich die Änderungen der jeweils anderen Seite ignorieren.) Klicken Sie auf Update to Latest , um mit der Arbeit von der neuesten Version zu beginnen. Klicken Sie auf Overwrite , um zu Ihrem (älteren) Arbeitsstatus zurückzukehren, die Versionsnummer von der neuesten zu erhöhen und die Arbeit fortzusetzen.
Verwenden Sie die Registerkarte App-Zusammenfassung , um Informationen für einzelne Apps zu verwalten.
Auf der Registerkarte App-Zusammenfassung haben Sie folgende Möglichkeiten:
See on Site: Öffnet die App auf Ihrer Site.
Embed code: Nur für veröffentlichte Apps verfügbar, bietet einen anklickbaren Link, um den Einbettungscode für jede veröffentlichte App zu generieren.
Verwenden Sie diesen Einbettungscode, um Ihrer Kommentar- oder Live-Blog-App Abrufe hinzuzufügen. Weitere Informationen finden Sie unter Benutzerdefinierte Interaktionen > Benutzerdefiniertes HTML.
View Content: Öffnet die Seite Inhalt , auf der alle in Ihrer App veröffentlichten Inhalte aufgelistet werden.
Moderate: Öffnet ModQ, in dem alle Inhalte aufgelistet werden, die auf die Moderation der App warten.
Developer Info: Stellt die Sammlungs-ID, Artikel-ID und Site-ID der App bereit.
Generieren Sie den Einbettungscode.
Wenn eine App veröffentlicht wird, generiert und zeigt Livefyre einen Einbettungscode an, der verwendet werden kann, um die App auf einer beliebigen Seite in Ihrem Netzwerk einzubetten. So generieren Sie das HTML-Snippet, das zum Einbetten Ihrer App auf einer Seite verwendet wird:
Klicken Sie im Bildschirm App-Übersicht auf die Schaltfläche </> Embed Code .
Kopieren Sie aus dem sich öffnenden Bedienfeld Embed Code das HTML-Codefragment, das in Ihrer Webseite angezeigt wird, und fügen Sie es ein.
Bei Apps, für die eine Benutzerauthentifizierung erforderlich ist, muss die Integration für die Benutzerauth abgeschlossen sein und sich auf der Seite befinden, bevor der Einbettungscode hinzugefügt werden kann.
Sie können eine App aus der Liste "Apps"in Livefyre Studio löschen. Wenn Sie die App aus Studio löschen, wird sie nicht gelöscht oder angehalten:
So löschen Sie eine App: