Show Menu
TÓPICOS×

Integração com o Livefyre

Saiba como integrar os recursos de curadoria líderes do setor do Livefyre à sua instância do AEM 6.4, permitindo que você publique conteúdo valioso gerado pelo usuário (UGC) das redes sociais para seu site em minutos.

Introdução

Instalar o pacote Livefyre para o AEM

O AEM 6.4 vem com o pacote de recursos 1.2.6 do Livefyre pré-instalado. Este pacote inclui apenas uma integração limitada do Livefyre com o AEM Sites e deve ser desinstalado antes da instalação de um pacote atualizado. Com o pacote mais recente, você pode experimentar a integração total do Livefyre com o AEM, incluindo sites, ativos e comércio.
Alguns recursos do pacote AEM-LF dependem da Estrutura de componentes sociais (SCF). Se estiver usando o pacote de recursos do Livefyre como parte de um site que não seja de comunidades, você deve declarar cq.social.scf como uma dependência nos clientlibs do autor do site. Se você estiver usando o pacote de recursos LF como parte de um site de comunidades, essa dependência já deve ser declarada.
  1. Na página inicial do AEM, clique no ícone Ferramentas no painel esquerdo.
  2. Navegue até Implantação > Pacotes .
  3. No Gerenciador de pacotes, role até ver o pacote de recursos do Livefyre pré-instalado e clique no título do pacote cq-social-livefyre-pkg-1.2.6.zip para expandir as opções.
  4. Clique em Mais > Desinstalar .
  5. Retorne à página inicial do AEM, clique em Ferramentas e navegue até Implantação > Compartilhamento de pacotes.
    Uma lista de pacotes de recursos e hotfixes disponíveis para download é exibida.
  6. Na pesquisa por palavra-chave, procure "Livefyre" e selecione o Livefyre feature pack correspondente à sua versão do AEM.
  7. Na página de informações do pacote de recursos, clique em Download , leia o Contrato de licença do pacote e clique em Aceitar .
  8. Retorne ao Gerenciador de pacotes, localize o pacote recém-baixado e clique em Instalar .
    Seu pacote Livefyre-AEM está instalado agora. Antes de começar a usar os recursos de integração, configure o AEM para usar o Livefyre.
    Para obter mais informações sobre pacotes, consulte Como trabalhar com pacotes .
    Para obter mais informações e notas de versão sobre pacotes de recursos, consulte Pacotes de recursos .

Configure o AEM para usar o Livefyre: Criar uma pasta de configuração

  1. Na página inicial do AEM, clique no ícone Ferramentas no painel esquerdo e navegue até Geral > Navegador de configuração.
  2. Clique em Criar para abrir a caixa de diálogo Criar configuração.
  3. Nomeie sua configuração e marque a caixa de seleção Configurações da nuvem.
    Isso criará uma pasta em Ferramentas > Implantação > Configuração do Livefyre com o nome fornecido.

Configure o AEM para usar o Livefyre: Criar uma configuração do Livefyre

Configure o AEM para usar as credenciais de licença do Livefyre de sua organização, permitindo a comunicação entre o Livefyre e o AEM.
  1. Na página inicial do AEM, clique no ícone Ferramentas no painel esquerdo e navegue até Implantação > Configuração do Livefyre.
  2. Selecione a pasta de configuração na qual deseja criar uma nova configuração do Livefyre e clique em Criar .
    As pastas devem ter as Configurações de nuvem ativadas em suas propriedades antes que as configurações do Livefyre possam ser adicionadas a elas. As pastas de configuração são criadas e gerenciadas no Navegador de configuração.
    Não é possível criar um nome para uma configuração; ele é referenciado pelo caminho da pasta em que está. Você só pode ter uma configuração por pasta.
  3. Selecione o cartão de configuração do Livefyre recém-criado e clique em Propriedades .
  4. Digite as credenciais do Livefyre da sua organização e clique em OK .
    Para acessar essas informações, abra o estúdio Livefyre e navegue até Configurações > Configurações de integração > Credenciais .
    Sua instância do AEM agora está configurada para usar o Livefyre e você pode usar os recursos de integração.

Personalizar a integração de logon único

O pacote Livefyre para AEM inclui uma integração predefinida entre os perfis do AEM Communities e o serviço SSO do Livefyre.
Quando os usuários fazem logon em seu site do AEM, eles também são conectados aos componentes sociais do Livefyre. Quando um usuário desconectado tenta usar um recurso do componente Livefyre que requer autenticação (como fazer upload de uma foto), o componente Livefyre inicia a autenticação do usuário.
A integração de autenticação padrão pode não ser perfeita para todos os sites. Para melhor corresponder ao fluxo de autenticação nos modelos do site, você pode substituir o Representante de autenticação do Livefyre padrão para atender às suas necessidades. Use estas etapas:
  1. Usando o CRXDE Lite, copie /libs/social/integrations/livefyre/components/autorizablecomponent/authclientlib para /apps/social/integrations/livefyre/components/autorizablecomponent/authclientlib .
  2. Edite e salve /apps/social/integrations/livefyre/components/authorizablecomponent/authclientlib/auth.js para implementar um delegado Livefyre Auth que atenda às suas necessidades.
    Para obter mais informações sobre como personalizar um representante de autenticação, consulte Integração de identidade.
    Para obter mais informações sobre os Clientlibs do AEM, consulte Uso de bibliotecas do lado do cliente.

Usar o Livefyre com o AEM Sites

Adicionar componentes do Livefyre a uma página

Antes de adicionar componentes do Livefyre a uma página no Sites, é necessário ativar o Livefyre para a página ao herdar uma configuração da nuvem do Livefyre de uma página principal ou ao adicionar a configuração diretamente à página. Consulte sua implementação para saber como incluir serviços em nuvem no site.
Assim que o Livefyre for ativado para a página, os contêineres deverão ser configurados para permitir componentes do Livefyre. Consulte Configuração de componentes no Modo de design para obter instruções sobre como ativar diferentes componentes.
Os aplicativos que exigem autenticação para publicação não funcionam até que a autenticação seja configurada em Personalizar integração de logon único.
  1. No painel Componentes no modo de design, selecione Livefyre no menu para limitar a lista aos componentes disponíveis do Livefyre.
  2. Selecione um componente do Livefyre e arraste-o para a posição na sua página.
  3. Selecione se deseja criar um novo aplicativo Livefyre ou incorporar um existente.
    Se estiver incorporando um aplicativo existente, o AEM solicitará que você selecione o aplicativo. Se estiver criando um novo aplicativo, o aplicativo precisará ser preenchido antes que qualquer conteúdo seja exibido. O aplicativo será criado no site e na rede do Livefyre selecionados quando a configuração da nuvem do Livefyre for ativada para a página.
    Para obter mais informações sobre como inserir componentes, consulte Edição de conteúdo da página.

Edite um componente do Livefyre para uma página do AEM.

Você só pode configurar e editar um componente Livefyre no Livefyre Studio. Do AEM:
  1. Clique no componente Livefyre para configurar.
  2. Clique no ícone Configurar (chave) para abrir a caixa de diálogo de configuração.
  3. Click To edit this component, go to Livefyre Studio .
  4. Edite o aplicativo no Livefyre Studio.

Usar o Livefyre com ativos AEM

Solicitar direitos e importar UGC para os ativos AEM

Você pode importar conteúdo gerado pelo usuário (UGC) do Twitter e do Instagram do Livefyre Studio para os ativos AEM usando o Importador UGC. Depois de selecionar o conteúdo a ser importado, você deve solicitar direitos para o conteúdo antes que a importação possa ser concluída.
Antes de usar os Ativos para importar o UGC, você deve configurar contas de Contas sociais e Solicitações de direitos no Livefyre Studio. Consulte Configuração: Solicitações de direitos para obter mais informações.
Para importar o UGC para os ativos AEM:
  1. Na página inicial do AEM, navegue até Ativos > Arquivos .
  2. Clique em Criar e em Importar UGC.
  3. Localizar conteúdo:
    • No Livefyre, clique na guia Biblioteca UGC. Use os filtros e pesquise para localizar conteúdo da Biblioteca UGC.
    • No Twitter e no Instagram, clicando na guia Twitter ou Instagram. Use a pesquisa ou os filtros para localizar conteúdo.
  4. Selecione os ativos que deseja importar. Os ativos selecionados são contados e salvos automaticamente na guia Selecionados .
  5. Opcional : Clique na guia Selecionado e reveja o conteúdo UGC selecionado para importação.
  6. Clique em Avançar .
  7. Para solicitações de direitos, escolha uma das seguintes opções para cada ativo:
    Para o Instagram:
    • Solicite manualmente direitos para obter uma mensagem que possa ser copiada, colada e enviada manualmente para os proprietários de conteúdo por meio do Instagram.
    • Atribua manualmente direitos de conteúdo para substituir os direitos de ativos individuais.
    Devido a atualizações que afetam a agregação de conteúdo de contas de usuários não comerciais, não podemos mais postar comentários em seu nome ou verificar automaticamente as respostas do autor. Clique aqui para saber mais .
    Para o Twitter:
    • Autor de mensagem para enviar uma mensagem ao proprietário do conteúdo solicitando direitos ao ativo.
    • Atribua manualmente direitos de conteúdo para substituir os direitos de ativos individuais.
  8. Clique em Importar .
    Se você enviar uma solicitação de direitos do Twitter, o proprietário do conteúdo visualizará a mensagem de solicitação de direitos em sua conta:
    O Twitter tem limites para solicitações idênticas provenientes da mesma conta. Ao importar mais de dois ativos, modifique as mensagens individualmente para evitar que elas sejam sinalizadas.
  9. Clique em Concluído no canto superior direito para concluir o fluxo de trabalho da Solicitação de direitos.
    Você pode ver o status de uma Solicitação de direitos pendente para um ativo no Livefyre Studio. Se o conteúdo estiver pendente de uma solicitação de direitos, o ativo não será exibido nos ativos AEM até que os direitos sejam concedidos. O ativo aparece automaticamente nos ativos AEM quando uma solicitação de direitos é concedida.
    Para o Instagram, você deve rastrear a resposta do proprietário do conteúdo e conceder direitos manualmente se receber direitos sobre o conteúdo.

Usar o Livefyre com o AEM Commerce

Importar catálogos de produtos para o Livefyre com o AEM Commerce

Os usuários do AEM Commerce podem integrar perfeitamente seu catálogo de produtos existente ao Livefyre para incentivar a participação dos usuários nos aplicativos de visualização do Livefyre.
Depois de importar o catálogo de produtos, os produtos são exibidos em tempo real na sua instância do Livefyre. Se você editar ou excluir itens no Catálogo de produtos do AEM Commerce, as alterações serão automaticamente atualizadas no Livefrye.
  1. Verifique se você tem o pacote mais recente do Livefyre para AEM instalado em sua instância do AEM.
  2. Na página inicial do AEM, navegue até AEM Commerce .
  3. Crie uma nova coleção ou use uma coleção existente.
  4. Passe o mouse sobre a coleção e clique em Propriedades da coleção (ícone de lápis).
  5. Marque Sincronizar com Livefyre .
  6. Preencha o prefixo da página do Livefyre para vincular essa coleção a uma página específica do AEM.
    O prefixo da página define o caminho raiz no ambiente onde a pesquisa por páginas de produtos começa. O Livefyre escolhe a primeira página que tem um produto correspondente associado ao mesmo. Para obter páginas diferentes para produtos diferentes, são necessárias várias coleções.

Matriz de suporte do AEM para aplicativos do Livefyre

Aplicativos Livefyre
AEM 6.1
AEM 6.2
AEM 6.3
AEM 6.4
Carrossel
X
X
X
X
Bate-papo
X
X
X
X
Comentários
X
X
X
X
Película fotográfica
X
X
X
LiveBlog
X
X
X
X
Mapa
X
X
X
X
Mídia
X
X
X
X
Mosaico
X
X
X
X
Pesquisa
X
X
X
Revisões
X
X
X
Cartão único
X
X
X
X
Storify 2
X
X
X
Em tendência
X
X
X
Botão Upload
X
X
X