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. Insira 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 status do aplicativo, além de 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 Fluxo para abrir a página Detalhes do fluxo, 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 de site do aplicativo.

Lista de aplicativos

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

A página da 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 de 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 do 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 aplicativo; Configuration As opções variam de acordo com o aplicativo. A parte inferior do painel Style e Configuration lista a versão do aplicativo Livefyre para seu aplicativo.

Selecionar opções de estilo

Aplicativos de estilo para se adequarem à marca de seu 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 de fundo do conteúdo exibido. As alterações feitas nessa configuração serão refletidas imediatamente na visualização à direita. Essa configuração controla a seleção de cores 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 no aplicativo.

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

  • Font family. Selecione uma fonte para o conteúdo gerado pelo usuário no 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. Selecionar 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.

Atualização de aplicativos

Se houver 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. Após a atualização, visualize as alterações feitas no aplicativo (se houver) e aceite ou rejeite a atualização.

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

Adicione um botão Call-to-action para impulsionar a conversão do UGC.

Para adicionar um botão Call-to-action a um aplicativo:

  1. Crie um aplicativo Mosaic ou Media Wall.

    Para obter informações sobre as personalizações disponíveis em um Mosaic ou no Mural de mídia, consulte Personalizações do Mosaic ou Personalizações do Mural de Mídia.

  2. Abra o Designer para o aplicativo.

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

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

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

Visualizações do aplicativo

O App Designer permite que você visualize seu aplicativo em vários formatos de entrega e com seus próprios dados ou de amostra exibidos.

Selecione Exit Preview para retornar ao modo de design.

O Modo de visualização oferece as seguintes opções:

  • Preview Options: Use o menu suspenso para selecionar um formato de visualização (móvel, tablet ou desktop) e mostrar Sample Data ou os dados de fluxo do aplicativo.

    OBSERVAÇÃO

    Se você desmarcar Sample Data e nenhum Fluxo for ativado para o Aplicativo, nenhum conteúdo será exibido no Modo de 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 não-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 seu aplicativo será adicionado ao aplicativo. Se você não deseja que esse conteúdo apareça no aplicativo publicado, é necessário excluí-lo antes de clicar em Publicar.

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

OBSERVAÇÃO

O modo de 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 de visualização poderão clicar no botão What’s on your mind e publicar o conteúdo na sua versão de teste. O Studio lista o conteúdo como publicado.

Publicação de 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 qualquer versão publicada 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 seu 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 visualização.
  3. Clique em Restore Version para clonar a versão selecionada e trabalhar com ela.
  4. Clique no botão Voltar em Version History para reverter para o rascunho de trabalho.
  5. Clique em Share para gerar um URL para a 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 emite uma mensagem de aviso quando você tenta editar o aplicativo, perguntando se você deseja retornar à versão de rascunho (mais antiga). (Isso evita que vários editores simultâneos ignorem acidentalmente as alterações um do outro.) Clique em Update to Latest para começar a trabalhar na versão mais recente. Clique em Overwrite para retornar ao estado de trabalho (mais 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:

  • See on Site: Abre o aplicativo no site.

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

    OBSERVAÇÃO

    Use esse código incorporado para adicionar Pesquisas aos seus Comentários ou ao aplicativo de Blog em tempo real. 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 de coleção do aplicativo, a ID de artigo e a ID do site.

Incorpore um aplicativo ao 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 em 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. Ao excluir o aplicativo do Studio, o aplicativo fica oculto da exibição, ele não exclui ou 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