Google Analytics

Google Analytics permite el seguimiento del tráfico de las páginas de un sitio web. También permite realizar un seguimiento de las acciones de un usuario al interior de la página.

Este artículo explica cómo utilizar los eventos de Google Analytics con el formulario incrustado, así como con la pop-in.

El contenido expuesto en este artículo requiere conocimientos básicos del funcionamiento de Google Analytics. Para más información, consulte la siguiente página.

Existen dos maneras de emitir un evento de Google Analytics:

Desde la página "Retorno del navegador"

Al final del pago, el formulario incrustado dirige al comprador a la página de confirmación de pago, también conocida como "Retorno dell navegador". Esta URL se define en el parámetro kr-post-url-success:

  <!-- Javascript library. Should be loaded in head section -->
  <script 
   src="https://api.lyra.com/static/js/krypton-client/V4.0/stable/kr-payment-form.min.js" 
   kr-public-key="69876357:testpublickey_DEMOPUBLICKEY95me92597fd28tGD4r5" 
   kr-post-url-success="paid.html">
  </script>

  <!-- Javascript library. Should be loaded in head section -->
  <script 
   src="<?php echo $client->getClientEndpoint();?>/static/js/krypton-client/V4.0/stable/kr-payment-form.min.js"
   kr-public-key="<?php echo $client->getPublicKey();?>"
   kr-post-url-success="paid.php">
  </script>

Para más información, consulte: Primeros pasos: pago simple.

Esta página recibe (en los parámetros POST) la transacción recién creada. Para más detalles, consulte la página Pago realizado. A partir de esta información, puede emitir un evento de la siguiente manera:

<?php
require_once __DIR__ . '/vendor/autoload.php';
$client = new Lyra\Client();
$formAnswer = $client->getParsedFormAnswer();
?>
<script type="text/javascript">
ga('send', 'event', 'payment', 'new_transaction', 'status', "<?php echo $formAnswer['kr-answer']['orderStatus']; ?>");
</script>

En este ejemplo se emite un evento new_transaction en la categoría payment. El estado de la transacción también es Enviado.

Este ejemplo utiliza nuestro SDK PHP. Para más información, consulte: SDK servidores.

Desde la página del formulario

Si su sitio web es de tipo aplicación de página única (o Single Page Application), deberá emitir los eventos de Google Analytics en JavaScript. Para hacerlo, utilice los eventos del formulario incrustado.

Para recuperar la transacción recién creada, utilice el evento KR.onSubmit.

Ejemplo de código usando jQuery:

<script type="text/javascript">
    $(document).ready(function() {
      KR.onSubmit( function(event) {
        /* emit a Google Analytics event */
        ga('send', 'event', 'payment', 'new_transaction', 'status', event.clientAnswer.orderStatus));
        
        /* return values:
         * true: kr-post-success-url is called using POST
         * false: kr-post-success-url is not called, execution stops.
         */
        return false;
      });
    });
</script>

Para más información sobre los eventos JavaScript, consulte: Referencia del cliente JavaScript.