建立應用程式

若要將應用程式新增至您的網站,您必須先在Livefyre Studio中建立應用程式。

若要建立新的應用程式:

  1. 從「應用程式」頁面按一下​+New App,然後從下拉式選單中選取「應用程式類型」。
  2. 出現​New App​對話框。 輸入​App Title,選擇​Site,然後按一下​Create​以開啟「應用程式概述」頁面。

「應用程式摘要」頁面提供4個標籤:

  • App Summary:提供應用程式內容與狀態的概觀,並提供工具讓您存取應用程式在其網站上的應用程式並產生其內嵌代碼。
  • Designer:可讓您選取應用程式的設計選項,包括字型、色彩配置和應用程式特定的設定選項。
  • Streams:列出應用程式內容的所有串流來源。按一下「串流」的標題以開啟「串流詳細資料」頁面,您可從該頁面進行編輯。
  • Settings:可讓您選取「應用程式」特定設定,包括將內容新增至「應用程式」的規則,以及要顯示的內容類型。按一下​Settings​標籤,覆寫應用程式的網路和網站設定。

應用程式清單

「應用程式」清單頁面可讓您存取所有現有的Livefyre應用程式。

「應用程式」清單頁面會顯示下列資訊:

  • Title:列出您的應用程式標題,並包含指示應用程式類型的圖示。
  • Site:依網站列出應用程式的位置。
  • Content Count:列出發佈至應用程式的內容片段數。
  • Date Modified:列出應用程式在App Designer中上次變更的時間。
  • Embed Code (</>):按一下圖示以產生您應用程式的內嵌代碼。

應用程式自訂

您可以使用「應用程式設計器」標籤來選取​Style​和​Configuration​選項來自訂您的應用程式。

Style 所有應用程式類型的選項都一致; Configuration 選項視應用程式而異。Style​和​Configuration​窗格底部會列出您應用程式的Livefyre應用程式版本。

選擇樣式選項

Style Apps以符合您網站的品牌。 使用​Style​選項來選取應用程式的色彩和字型樣式。

  • Theme。選擇​Light​或​Dark​以定義顯示內容的背景顏色。 對此設定所做的變更會立即反映在右側的預覽中。 此設定可控制應用程式的背景、內容文字、使用者控制代碼、時間戳記、共用按鈕和社交圖示顏色選擇。

  • Brand color。選取您應用程式的顏色。 此顏色將用於主題標籤、URL、使用者名稱、@mentions、長條圖和其他應用程式專用元件,如右側的預覽窗格所示。

  • Font family。在您的應用程式中,為使用者產生的內容選取字型。 選擇「喬治亞」或「時間」「新羅馬字」將將該字型指定給內容,而Helvetica Neue將指定給用戶名和顯示名稱。 選擇Helvetica、Verdana或Trebuchet會將這些字型指派給內容、使用者名稱和顯示名稱。

  • Font size。選取預設字型大小。 此設定會影響所有使用者產生的內容和顯示在應用程式中的標題。

更新應用程式

如果應用程式有較新版本,會顯示​Update​按鈕。

按一下按鈕以更新至最新的版本。 重新整理您的應用程式,以使用所有可用的功能增強功能和錯誤修正。 更新後,預覽您應用程式所做的變更(如果有),接受或拒絕更新。

新增「動作要求」按鈕至應用程式

新增「動作要求」按鈕,以推動UGC的轉換。

若要新增「動作要求」按鈕至應用程式:

  1. 建立馬賽克或媒體塗鴉牆應用程式。

    如需Mosaic或媒體塗鴉牆中可用自訂項目的詳細資訊,請參閱Mosaic自訂媒體塗鴉牆自訂項目

  2. 開啟應用程式的設計人員。

  3. 滾動到設計器中的​Call-to-Action Button​部分。

  4. 將​Call-to-Action Button​切換為​on

  5. 設定「動作要求」按鈕選項。

應用程式預覽

App Designer可讓您以多種傳送格式預覽應用程式,並顯示您自己或範例的資料。

選擇​Exit Preview​以返回設計模式。

預覽模式提供下列選項:

  • Preview Options:使用下拉式選單來選取預覽格式(行動裝置、平板電腦或案頭),以及要顯示 Sample Data 還是應用程式的串流資料。

注意

如果您取消選取​Sample Data,而且應用程式未啟用「串流」,則「預覽模式」中不會顯示任何內容。

  • Share:在新的瀏覽器標籤中開啟應用程式,並產生URL,此URL可供朋友、同事或非Studio使用者檢閱應用程式,並在不同的瀏覽器和裝置上測試。

    注意

    任何張貼至應用程式評論版本的內容都會新增至應用程式。 如果您不希望此內容出現在已發佈的應用程式中,您必須先刪除它,再按一下​Publish

  • Exit Preview:返回編輯模式。

注意

預覽模式是完全互動式的,可讓您測試應用程式的使用者體驗。 如果您啟用​Allow user posts,具有預覽連結的使用者可以按一下​What’s on your mind​按鈕,並將內容張貼至您的測試版本。 Studio會列出張貼的內容。

應用程式發佈

在您進行變更後,App Designer會自動儲存您的應用程式。 您可以使用​Publish​產生內嵌代碼,或使用目前版本更新任何先前發佈的本應用程式版本。

注意

按一下​Publish​會產生應用程式的內嵌代碼,並在先前發佈時更新應用程式的所有現有例項。

檢閱應用程式歷史記錄

在您進行變更後,App Designer會自動儲存您的應用程式,並為每個變更產生新版本。 您可以使用​History​開啟一個面板,列出您應用程式的所有版本。 列出的版本將顯示每個版本的編輯器及其年齡。

若要檢閱應用程式歷史記錄:

  1. 按一下版本以選取它。
  2. 重新整理預覽顯示。
  3. 按一下​Restore Version​以仿製所選版本並從中運作。
  4. 按一下​Version History​中的「上一步」按鈕,恢復為工作草稿。
  5. 按一下​Share​以產生預覽的URL。
注意

當​Version History​窗格開啟時,您無法編輯應用程式。

如果瀏覽器視窗開啟時有其他編輯器進行變更,當您嘗試編輯應用程式時,Livefyre會發出警告訊息,詢問您是否要返回(較舊)的草稿版本。 (如此可避免多個同時編輯者意外忽略彼此的變更)。 按一下​Update to Latest​開始從最新版本運作。 按一下​Overwrite​可返回您(舊版)的工作狀態,從最新版本增加版本號碼,然後繼續工作。

應用程式摘要標籤

使用「應用程式摘要」標籤來管理個別應用程式的資訊。

「應用程式摘要」標籤可讓您:

  • See on Site:在您的網站上開啟應用程式。

  • Embed code:僅適用於已發佈的應用程式,提供可點選的連結,以產生任何已發佈應用程式的內嵌代碼。

    注意

    使用此內嵌程式碼,將民調問答新增至您的留言或即時部落格應用程式。 如需詳細資訊,請參閱「自訂互動>自訂HTML」。

  • View Content:開啟「內容」頁面,其中列出發佈至您應用程式的所有內容。

  • Moderate:開啟ModQ,列出所有等待應用程式協調的內容。

  • Developer Info:提供應用程式的系列ID、文章ID和網站ID。

使用Studio在您的網站上內嵌應用程式

產生內嵌代碼。

發佈應用程式時,Livefyre會產生並顯示內嵌代碼,此代碼可用於將應用程式內嵌在您網路的任何頁面上。 若要重新產生用於在頁面上內嵌應用程式的HTML程式碼片段:

  1. 在「應用程式概述」畫面中,按一下​</> Embed Code​按鈕。

  2. 從開啟的​Embed Code​面板,複製並貼上顯示在網頁中的HTML程式碼片段。

    對於需要使用者驗證的應用程式,您的使用者驗證整合必須完整且位於頁面上,才能新增內嵌代碼。

刪除應用程式

您可以從Livefyre Studio的「應用程式」清單中刪除應用程式。 當您從Studio刪除應用程式時,應用程式會從檢視中隱藏,但不會刪除或停止:

  • 應用程式不再繼續在網站上運作。
  • 關聯的串流。
  • Livefyre中的關聯繫列。

若要刪除應用程式:

  1. 按一下 Apps.
  2. 按一下要刪除之應用程式名稱右側的省略號。
  3. 按一下​Delete App​以刪除應用程式。

本頁內容

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