Integrar o recurso Fazer Login com o Google ao Reader Revenue Manager

Seus leitores podem fazer login em sites e apps de terceiros de forma rápida e segura com os Serviços de Identificação do Google (SIG), também conhecidos como o recurso Fazer Login com o Google. Os leitores podem aproveitar uma experiência de login e registro rápida e sem atrito com o Google One Tap, que é o principal recurso do SIG. Essa integração com o Reader Revenue Manager (RRM) oferece 3 benefícios principais:

• Coordenação de várias solicitações: as solicitações do RRM, como paywalls e pop-ups do One Tap, coordenam-se para evitar conflitos. Assim, os leitores recebem apenas uma solicitação de login por vez.
• Login unificado: o Google One Tap está por trás do paywall de registro do RRM e substitui o processo de login em várias etapas por uma experiência de um único clique. Isso reduz o atrito e evita altas taxas de desistência na integração.
• Direitos automáticos: o RRM reconhece automaticamente os leitores que fazem login com o Google One Tap. Isso dá acesso instantâneo às assinaturas e ao conteúdo limitado deles. Os veículos podem usar o SIG para fazer login sem solicitações do RRM.

Configurar o recurso Fazer Login com o Google

Se você nunca usou o Fazer Login com o Google e o Google One Tap, use-os para aprender os conceitos básicos de implementação:

• Fazer Login com o Google: saiba mais sobre os Serviços de Identificação do Google.
• Implemente o recurso Fazer Login com o Google usando um botão: aprenda a mostrar o botão do recurso Fazer Login com o Google.
• Implemente o Google One Tap: aprenda a mostrar o Google One Tap.

Confira as etapas gerais para começar a usar o recurso.

1. Se quiser configurar a tela de permissão OAuth, siga as etapas descritas na página Configuração.
   • Receba um ID do cliente e carregue a biblioteca do cliente.
2. Para colocar um snippet de código nas páginas em que você quer usar o Google One Tap, selecione HTML ou JavaScript.
3. Para configurar uma callback que processe uma resposta de credencial, use HTML ou JavaScript.

Configurar um bloqueio de registro no Publisher Center

A nova experiência guiada do Publisher Center simplifica a integração do recurso Fazer Login com o Google. Isso facilita o recebimento de credenciais e a instalação de scripts.

1. Para fazer a configuração, clique em Reader Revenue Manager Acesso ao conteúdo.
2. Clique em Funis de leitores Cadastramento do leitor.
3. Ative o recurso Fazer Login com o Google.

4. Siga as etapas em Configurar o recurso Fazer Login com o Google.
5. Cole o URL de um site que tenha o Google One Tap ativado.
6. Clique em Verificar.

7. Confirme se a mensagem mudou para "O 'Cadastramento do leitor' está configurado para usar o recurso 'Fazer Login com o Google' na criação de contas".

Integrar o código do lado do cliente

Para integrar a API do Google One Tap ao recurso de cadastramento do leitor do RRM:

1. Inicialize a integração do RRM no lado do cliente:
   • Saiba como adicionar snippets de código ao site.
2. Adicione os parâmetros rrm_interop e callback ao snippet do SIG:
   • Para ativar a eliminação de conflitos de comandos, adicione o parâmetro data-rrm_interop ='true' ao snippet HTML do Google One Tap ou inclua rrmInterop: true para a API JavaScript.
   • Configure o SIG para usar uma função de callback (por exemplo, handleCredentialResponse) para receber o token de credencial. As instruções detalhadas de implementação de handleCredentialResponse são fornecidas na próxima etapa.

Exemplo de API HTML:

JavaScript

<div id="g_id_onload"
   data-client_id="YOUR_GOOGLE_CLIENT_ID"
   data-login_uri="https://your.domain/your_login_endpoint"
   data-your_own_param_1_to_login="any_value"
   data-your_own_param_2_to_login="any_value"
   data-callback="handleCredentialResponse"
   data-rrm_interop='true'>
</div>

Exemplo de API JavaScript:

JavaScript

google.accounts.id.initialize({
   client_id: 'YOUR_GOOGLE_CLIENT_ID',
   callback: handleCredentialResponse,
   rrm_interop: true,
});

3. Processe a credencial no callback
   • Para concluir a integração, processe a credencial do SIG usando processGisCredential. Dependendo da configuração, adicione isso à fila SWG_BASIC.

Para o Reader Revenue Manager usando SWG_BASIC:

JavaScript

function handleCredentialResponse(response) {
  if (response.credential) {
    (self.SWG_BASIC = self.SWG_BASIC || []).push((basicSubscriptions) => {
      basicSubscriptions
        .processGisCredential(response, {
          gisClientId: 'YOUR_GOOGLE_CLIENT_ID',
        });
    });
  }
}

Isso garante que a credencial retornada pelo SIG seja transmitida e processada corretamente pelo Reader Revenue Manager, concluindo a sincronização do estado de login e dos direitos de ambas as versões.

Recursos relacionados

• Documentação dos Serviços de Identificação do Google
• Configurar calls-to-action (CTAs)
• Começar a usar o Reader Revenue Manager