Eine App erstellen

Um Ihrer Site eine App hinzuzufügen, müssen Sie zunächst eine App in Livefyre Studio erstellen.

So erstellen Sie eine neue App:

  1. Klicken Sie auf der Seite "Apps"auf +New App und wählen Sie im Pulldown-Menü einen App-Typ aus.
  2. Das Dialogfeld New App wird angezeigt. Geben Sie ein App Title ein, wählen Sie ein Site und klicken Sie auf Create, um die Seite "App-Übersicht"zu öffnen.

Die Seite App-Zusammenfassung enthält vier Registerkarten:

  • App Summary: bietet einen Überblick über den Inhalt und den Status der App und stellt Werkzeuge zum Zugriff auf die App auf der Site und zum Generieren des Einbettungscodes bereit.
  • Designer: können Sie Designoptionen für die App auswählen, einschließlich Schriftarten, Farbschemas und App-spezifischer Konfigurationsoptionen.
  • Streams: liste aller Stream-Quellen für den Inhalt der App. Klicken Sie auf den Titel des Streams, um die Seite "Stream-Details"zu öffnen, von der aus der Stream bearbeitet werden kann.
  • Settings: ermöglicht die Auswahl App-spezifischer Einstellungen, einschließlich Regeln zum Hinzufügen von Inhalten zur App und der anzuzeigenden Inhaltstypen. Klicken Sie auf die Registerkarte Settings, um die Netzwerk- und Site-Einstellungen für die App zu überschreiben.

Apps-Liste

Die Seite "Liste für Apps"bietet Zugriff auf alle Ihre bestehenden Livefyre-Apps.

Auf der Seite "Apps-Liste"werden die folgenden Informationen angezeigt:

  • Title: Liste des Titels Ihrer App und enthält ein Symbol, das den App-Typ angibt.
  • Site: Liste des Standorts der App nach Website.
  • Content Count: Liste der Anzahl der in der App veröffentlichten Inhaltselemente.
  • Date Modified: Listen beim letzten Ändern der App in App Designer.
  • Embed Code (</>): Klicken Sie auf das Symbol, um den Einbettungscode für Ihre App zu generieren.

App-Anpassung

Sie können die Optionen Style und Configuration auf der Registerkarte "App-Designer"auswählen, um Ihre Apps anzupassen.

Style Die Optionen sind für alle App-Typen gleich. Configuration Die Optionen variieren je nach App. Am unteren Rand des Bereichs Style und Configuration wird die Livefyre-App-Version für Ihre App Liste.

Stiloptionen auswählen

Stil-Apps, die dem Branding Ihrer Site entsprechen. Verwenden Sie die Optionen Style, um die Farbe und die Schriftart der App auszuwählen.

  • Theme. Wählen Sie Light oder Dark aus, um die Hintergrundfarbe für den angezeigten Inhalt zu definieren. Änderungen, die an dieser Einstellung vorgenommen wurden, werden sofort in der Vorschau auf der rechten Seite angezeigt. Diese Einstellung steuert Hintergrund, Inhaltstext, Benutzernamen, Zeitstempel, Schaltfläche "Freigeben"und die Farbauswahl für das Social-Symbol für die App.

  • Brand color. Wählen Sie eine Farbe für Ihre App aus. Diese Farbe wird für Hashtags, URLs, Benutzernamen, @mentions, Balkendiagramme und andere App-spezifische Komponenten verwendet, wie im Bereich "Vorschau"rechts angezeigt.

  • Font family. Wählen Sie eine Schriftart für vom Benutzer erstellten Inhalt in Ihrer App aus. Wenn Sie Georgia oder Times New Roman wählen, wird diese Schrift dem Inhalt und Helvetica Neue den Benutzernamen und Anzeigenamen zugewiesen. Wenn Sie Helvetica, Verdana oder Trebuchet auswählen, werden diese Schriftarten Inhalten, Benutzernamen und Anzeigenamen zugewiesen.

  • Font size. Wählen Sie eine Standardschriftgröße. Diese Einstellung wirkt sich auf alle vom Benutzer erstellten Inhalte und Titel aus, die in der App angezeigt werden.

Aktualisieren von Apps

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. Nach der Aktualisierung nehmen Sie die Änderungen an der Vorschau Ihrer App vor (falls vorhanden) und lehnen Sie die Aktualisierung ab.

hinzufügen einer Aktionsaufruf-Schaltfläche zu einer App

hinzufügen Sie eine Aktionsaufruf-Schaltfläche, um die Konvertierung von UGC zu fördern.

So fügen Sie einer App eine Aktionsaufruf-Schaltfläche hinzu:

  1. Erstellen Sie eine Mosaic- oder Media-Pinnwand-App.

    Informationen zu den in einer Mosaik- oder Medienwand verfügbaren Anpassungen finden Sie unter Mosaic-Anpassungen oder Medienwall-Anpassungen.

  2. Öffnen Sie den Designer für die App.

  3. Blättern Sie zum Abschnitt Call-to-Action Button in Designer.

  4. Wechseln Sie Call-to-Action Button zu on.

  5. Konfigurieren Sie die Schaltflächenoptionen für den Aktionsaufruf.

App-Vorschauen

Mit App Designer können Sie Ihre App in mehreren Versand-Formaten und mit Ihren eigenen Daten oder Beispieldaten Vorschau haben.

Wählen Sie Exit Preview aus, um zum Designmodus zurückzukehren.

Im Vorschau-Modus werden die folgenden Optionen Angebot:

  • Preview Options: Verwenden Sie das Pulldown-Menü, um ein Vorschau-Format (Mobil, Tablet oder Desktop) auszuwählen und festzulegen, ob die Stream-Daten der App angezeigt Sample Data oder nicht.

HINWEIS

Wenn Sie die Option Sample Data deaktivieren und kein Stream für die App aktiviert ist, wird kein Vorschau-Modus angezeigt.

  • Share: Öffnet die App auf einer neuen Registerkarte für den Browser und generiert eine URL, mit der Sie Freunden, Kollegen oder Benutzern von Nicht-Studio die Möglichkeit geben können, Ihre App zu überprüfen und sie in verschiedenen Browsern und Geräten zu testen.

    HINWEIS

    Alle Inhalte, die in einer Review-Version 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.

HINWEIS

Der Vorschau-Modus ist vollständig interaktiv, sodass Sie die Benutzererfahrung für Ihre App testen können. Wenn Sie Allow user posts aktivieren, können Benutzer mit dem Link "Vorschau"auf die Schaltfläche What’s on your mind klicken und Inhalte in Ihrer Testversion posten. Studio Listen Inhalt wie gepostet.

Veröffentlichen von Apps

App Designer speichert Ihre App automatisch, nachdem Sie eine Änderung vorgenommen haben. Sie können Publish verwenden, um einen Einbettungscode zu erstellen oder um alle zuvor veröffentlichten Versionen dieser App mit der aktuellen Version zu aktualisieren.

HINWEIS

Durch Klicken auf Publish wird ein Einbettungscode für die App generiert und alle vorhandenen Instanzen der App aktualisiert, sofern diese zuvor veröffentlicht wurden.

Überprüfen des App-Verlaufs

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. Die aufgelisteten Versionen zeigen den Editor und das Alter der einzelnen Versionen an.

So überprüfen Sie den App-Verlauf:

  1. Klicken Sie auf eine Version, um sie auszuwählen.
  2. Aktualisieren Sie die Anzeige der Vorschau.
  3. Klicken Sie auf Restore Version, um die ausgewählte Version zu klonen und daraus zu arbeiten.
  4. Klicken Sie auf die Schaltfläche "Zurück"in Version History, um zu Ihrem Arbeitsentwurf zurückzukehren.
  5. Klicken Sie auf Share, um eine URL für die Vorschau zu generieren.
HINWEIS

Sie können eine App nicht bearbeiten, während das Fenster 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 fragen, ob Sie zu Ihrer (älteren) Entwurfsversion zurückkehren möchten. (Dadurch wird verhindert, dass mehrere gleichzeitige Editoren versehentlich die Änderungen der anderen Benutzer ignorieren.) Klicken Sie auf Update to Latest, um mit der Arbeit mit der neuesten Version zu beginnen. Klicken Sie auf Overwrite, um zum (älteren) Arbeitszustand zurückzukehren, die Versionsnummer von der letzten zu erhöhen und weiter zu arbeiten.

Registerkarte App-Zusammenfassung

Auf der Registerkarte "App-Zusammenfassung"können Sie Informationen für einzelne Apps verwalten.

Auf der Registerkarte App-Zusammenfassung können Sie:

  • See on Site: Öffnet die App auf Ihrer Site.

  • Embed code: Nur für veröffentlichte Apps verfügbar. Bietet einen klickbaren Link, um den Einbettungscode für jede veröffentlichte App zu generieren.

    HINWEIS

    Verwenden Sie diesen Einbettungscode, um Ihrer Kommentar- oder Live-Blog-App Umfragen 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 Liste werden.

  • Moderate: Öffnet ModQ, in dem alle Inhalte aufgelistet werden, die auf die Moderation für die App warten.

  • Developer Info: Stellt die Sammlungs-ID, die Artikel-ID und die Site-ID der App bereit.

Einbetten einer App auf Ihrer Site mit Studio

Generieren Sie den Einbettungscode.

Wenn eine App veröffentlicht wird, generiert Livefyre einen Einbettungscode und zeigt ihn an, der zum Einbetten der App auf einer beliebigen Seite in Ihrem Netzwerk verwendet werden kann. So erstellen Sie das HTML-Snippet, das zum Einbetten der App auf einer Seite verwendet wird:

  1. Klicken Sie im Anzeigebereich "App-Übersicht"auf die Schaltfläche </> Embed Code.

  2. Kopieren Sie aus dem daraufhin geöffneten Bedienfeld Embed Code den HTML-Code-Snippet, der auf Ihrer Webseite angezeigt wird, und fügen Sie ihn ein.

    Bei Apps, für die eine Benutzerauthentifizierung erforderlich ist, muss Ihre Integration für die Benutzerauthentifizierung abgeschlossen sein und sich auf der Seite befinden, bevor Sie den Einbettungscode hinzufügen.

App löschen

Sie können eine App aus der Liste "Apps"in Livefyre Studio löschen. Wenn Sie die App aus Studio löschen, wird die App aus der Ansicht ausgeblendet. Sie wird nicht gelöscht oder beendet:

  • Die App funktioniert nicht mehr auf einer Site.
  • Zugehörige Streams.
  • Verbundene Sammlungen in Livefyre.

So löschen Sie eine App:

  1. Klicken Apps.
  2. Klicken Sie auf das Auslassungszeichen rechts neben dem Namen der zu löschenden App.
  3. Klicken Sie auf Delete App, um die App zu löschen.

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now