Google Analytics

Google Analytics permet le suivi du trafic sur chacune des pages d’un site web. Il permet également de traquer les actions d’un utilisateur à l’intérieur de la page.

Cette Article explique comment utiliser les évènements de Google Analytics avec le formulaire embarqué, ainsi que la popIn.

Pour comprendre cet article, vous devez avoir les connaissances de bases sur le fonctionnement de Google Analytics. Pour plus d’information, [consultez la page suivante]https://developers.google.com/analytics/devguides/collection/analyticsjs/events).

Un évènement Google Analytics peut être émit de deux façons différentes:

depuis la page “retour navigateur”

À la fin du paiement, le formulaire embarqué redirige l’acheteur sur la page de confirmation de paiement, aussi appellé retour navigateur. Cette URL est définie à partir du paramètre 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>

Pour plus de détails, rendez-vous ici: Démarrer : paiement simple.

Cette page reçoit (dans les paramètres POST) la transaction nouvellement créée. Pour plus de détail, consultez la page Retour navigateur. À partir de cette information, vous pouvez émettre un évènement de la façon suivante:

<?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>

Cet exemple émet un évènement new_transaction dans la catégorie payment. Le status de la transaction est également envoyé.

Cet exemple utilise notre SDK PHP. Pour plus d’information, rendez-vous ici: SDKs Serveurs

Depuis la page du formulaire

Si votre site web est du type applcation web monopage (ou Single Page application), Vous devez émettre les évènements Google Analytics en Javascript. Pour cela, vous devez utiliser les évènements du formulaire embarqué.

Pour récupérer la transaction nouvellement créée, vous devez utiliser l’évènement KR.onSubmit.

Exemple de code utilisant 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>

Pour plus d’information sur les évènements Javascript, rendez-vous ici: Référence du client JavaScript