Criar um aplicativo

Para adicionar um aplicativo ao seu site, primeiro crie um aplicativo no Livefyre Studio.

Para criar um novo aplicativo:

  1. Clique em +New App na página Aplicativos e selecione um tipo de aplicativo no menu suspenso.
  2. A caixa de diálogo New App é exibida. Digite um App Title, selecione um Site e clique em Create para abrir a página Visão geral do aplicativo.

A página Resumo do aplicativo fornece 4 guias:

  • App Summary: fornece uma visão geral do conteúdo e do status do aplicativo e fornece ferramentas para acessar o aplicativo em seu site e gerar seu código incorporado.
  • Designer: permite selecionar opções de design para o aplicativo, incluindo fontes, esquemas de cores e opções de configuração específicas do aplicativo.
  • Streams: lista todas as fontes de fluxo para o conteúdo do aplicativo. Clique no título do Stream para abrir a página Detalhes do Stream, na qual ele pode ser editado.
  • Settings: permite selecionar configurações específicas do aplicativo, incluindo regras para adicionar conteúdo ao aplicativo e os tipos de conteúdo a serem exibidos. Clique na guia Settings para substituir as Configurações de rede e site do aplicativo.

Lista de aplicativos

A página lista Aplicativos fornece acesso a todos os aplicativos existentes do Livefyre.

A página lista Aplicativos exibe as seguintes informações:

  • Title: Lista o título do aplicativo e inclui um ícone que indica o tipo de aplicativo.
  • Site: Lista a localização do aplicativo, por site.
  • Content Count: Lista o número de partes do conteúdo publicadas no aplicativo.
  • Date Modified: Lista a última vez que o aplicativo foi alterado no App Designer.
  • Embed Code (</>): Clique no ícone para gerar o código incorporado para seu aplicativo.

Personalização do aplicativo

Você pode usar a guia App Designer para selecionar as opções Style e Configuration para personalizar seus aplicativos.

Style As opções são consistentes em todos os tipos de aplicativos; Configuration As opções variam de acordo com o aplicativo. A parte inferior dos painéis Style e Configuration lista a versão do aplicativo Livefyre para seu aplicativo.

Selecionar opções de estilo

Aplicativos de estilo para se ajustar à marca do site. Use as opções Style para selecionar a cor e os estilos de fonte do aplicativo.

  • Theme. Selecione Light ou Dark para definir a cor do plano de fundo para o conteúdo exibido. As alterações feitas nessa configuração serão refletidas imediatamente na pré-visualização à direita. Essa configuração controla a seleção da cor do plano de fundo, do texto do conteúdo, do identificador do usuário, do carimbo de data e hora, do botão de compartilhamento e do ícone social do aplicativo.

  • Brand color. Selecione uma cor para seu aplicativo. Essa cor será usada para hashtags, URLs, nomes de usuário, @menções, gráficos de barra e outros componentes específicos do aplicativo, conforme exibido no painel pré-visualização à direita.

  • Font family. Selecione uma fonte para o conteúdo gerado pelo usuário em seu aplicativo. Selecionar Georgia ou Times New Roman atribuirá essa fonte ao conteúdo, e Helvetica Neue para nomes de usuário e nomes de exibição. A seleção de Helvetica, Verdana ou Trebuchet atribuirá essas fontes ao conteúdo, nomes de usuário e nomes de exibição.

  • Font size. Selecione um tamanho de fonte padrão. Essa configuração afetará todo o conteúdo gerado pelo usuário e os títulos exibidos no aplicativo.

Atualizando aplicativos

Se existir uma versão mais recente do aplicativo, um botão Update será exibido.

Clique no botão para atualizar para a versão mais recente. Atualize seu aplicativo para usar todos os aprimoramentos de recursos e correções de erros disponíveis. Depois de atualizadas, as alterações de pré-visualização feitas no aplicativo (se houver) e, em seguida, aceitam ou rejeitam a atualização.

Adicionar um botão de chamada para ação a um aplicativo

Adicione um botão de Chamada para ação para impulsionar a conversão do UGC.

Para adicionar um botão de Chamada para ação a um aplicativo:

  1. Crie um aplicativo Mosaic ou Media Wall.

    Para obter informações sobre as personalizações disponíveis em um mural de Mosaico ou Mídia, consulte Personalizações de mosaico ou Personalizações de mural de mídia.

  2. Abra o Designer para o aplicativo.

  3. Role até a seção Call-to-Action Button no Designer.

  4. Mude Call-to-Action Button para on.

  5. Configure as opções do botão Chamar para ação.

Pré-visualização do aplicativo

O App Designer permite que você pré-visualização seu aplicativo em vários formatos de delivery e com seus próprios dados ou amostras exibidos.

Selecione Exit Preview para retornar ao modo de design.

O Modo de pré-visualização oferta apresenta as seguintes opções:

  • Preview Options: Use o menu suspenso para selecionar um formato de pré-visualização (móvel, tablet ou área de trabalho) e se deseja mostrar Sample Data ou os dados de fluxo do aplicativo.

OBSERVAÇÃO

Se você desmarcar Sample Data e nenhum Fluxo estiver ativado para o aplicativo, nenhum conteúdo será exibido no Modo de Pré-visualização.

  • Share: Abre o aplicativo em uma nova guia do navegador e gera um URL, que pode ser usado para permitir que amigos, colegas ou usuários que não sejam do Studio revisem seu aplicativo e o testem em navegadores e dispositivos diferentes.

    OBSERVAÇÃO

    Qualquer conteúdo publicado em uma versão de revisão do aplicativo será adicionado ao aplicativo. Se você não desejar que esse conteúdo apareça no aplicativo publicado, exclua-o antes de clicar em Publicar.

  • Exit Preview: Retorna ao modo de edição.

OBSERVAÇÃO

O modo de pré-visualização é totalmente interativo, permitindo que você teste a experiência do usuário para seu aplicativo. Se você ativar Allow user posts, os usuários com o link pré-visualização poderão clicar no botão What’s on your mind e publicar o conteúdo na sua versão de teste. Conteúdo do Studio lista como publicado.

Publicação no aplicativo

O App Designer salva automaticamente seu aplicativo depois que você faz uma alteração. Você pode usar Publish para gerar um código incorporado ou para atualizar quaisquer versões publicadas anteriormente deste aplicativo com a versão atual.

OBSERVAÇÃO

Clicar em Publish gera um código incorporado para o aplicativo e atualiza todas as instâncias existentes do aplicativo, se publicadas anteriormente.

Revisar histórico do aplicativo

O App Designer salva automaticamente seu aplicativo depois que você faz uma alteração e gera uma nova versão para cada alteração. Você pode usar History para abrir um painel listando todas as versões do aplicativo. As versões listadas mostrarão o editor de cada versão e sua idade.

Para revisar o histórico do aplicativo:

  1. Clique em uma versão para selecioná-la.
  2. Atualize a tela de pré-visualização.
  3. Clique em Restore Version para clonar a versão selecionada e trabalhar a partir dela.
  4. Clique no botão Voltar em Version History para reverter para seu rascunho de trabalho.
  5. Clique em Share para gerar um URL para a pré-visualização.
OBSERVAÇÃO

Não é possível editar um aplicativo enquanto o painel Version History estiver aberto.

Se outro editor fizer alterações enquanto a janela do navegador estiver aberta, o Livefyre emitirá uma mensagem de aviso quando você tentar editar o aplicativo, perguntando se deseja retornar à versão de rascunho (antiga). (Isso evita que vários editores simultâneos ignorem acidentalmente as alterações uns dos outros.) Clique em Update to Latest para começar a trabalhar a partir da versão mais recente. Clique em Overwrite para retornar ao seu estado de trabalho (antigo), incrementar o número da versão do mais recente e continuar trabalhando.

Guia Resumo do aplicativo

Use a guia Resumo do aplicativo para gerenciar informações para aplicativos individuais.

A guia Resumo do aplicativo permite que você:

  • See on Site: Abre o aplicativo em seu site.

  • Embed code: Disponível somente para aplicativos publicados, fornece um link clicável para gerar o código incorporado para qualquer aplicativo publicado.

    OBSERVAÇÃO

    Use esse código incorporado para adicionar Pesquisas aos seus Comentários ou ao Aplicativo de Blog ao vivo. Para obter mais informações, consulte Interações personalizadas > HTML personalizado.

  • View Content: Abre a página Conteúdo, que lista todo o conteúdo publicado no aplicativo.

  • Moderate: Abre o ModQ, listando todo o conteúdo que aguarda moderação para o aplicativo.

  • Developer Info: Fornece a ID da coleção do aplicativo, a ID do artigo e a ID do site.

Incorpore um aplicativo em seu site usando o Studio

Gere o código incorporado.

Quando um aplicativo é publicado, o Livefyre gera e exibe um código incorporado, que pode ser usado para incorporar o aplicativo em qualquer página da sua rede. Para gerar novamente o trecho HTML usado para incorporar seu aplicativo em uma página:

  1. Na tela Visão geral do aplicativo, clique no botão </> Embed Code.

  2. No painel Embed Code que é aberto, copie e cole o trecho de código HTML exibido na sua página da Web.

    Para aplicativos que exigem autenticação de usuário, sua integração para autenticação de usuário deve ser concluída e localizada na página antes de adicionar o código incorporado.

Excluir um aplicativo

Você pode excluir um aplicativo da lista Aplicativos no Livefyre Studio. Quando você exclui o aplicativo do Studio, o aplicativo fica oculto da visualização, ele não exclui nem interrompe:

  • O aplicativo não continua a trabalhar em um site.
  • Fluxos associados.
  • Coleções associadas no Livefyre.

Para excluir um aplicativo:

  1. Clique em Apps.
  2. Clique nas reticências à direita do nome do aplicativo a ser excluído.
  3. Clique em Delete App para excluir o aplicativo.

Nesta página