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'informations, consultez la page suivante.

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

Depuis la page "retour à la boutique"

À la fin du paiement, le formulaire embarqué redirige l'acheteur sur la page de confirmation de paiement, aussi appellée "retour à la boutique". Cette URL est définie à partir du paramètre kr-post-url-success:

  <!-- Javascript library. Should be loaded in head section -->
  <script 
   src="https://static.systempay.fr/static/js/krypton-client/V4.0/stable/kr-payment-form.min.js" 
   kr-public-key="73239078:testpublickey_Zr3fXIKKx0mLY9YNBQEan42ano2QsdrLuyb2W54QWmUJQ" 
   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étails, consultez la page Analyse du résultat du paiement via le retour à la boutique. À 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 statut de la transaction est également envoyé.

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

Depuis la page du formulaire

Si votre site web est du type application web monopage (ou Single Page Application), vous devez émettre les événements Google Analytics en JavaScript. Pour cela, utilisez 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'informations sur les événements JavaScript, rendez-vous ici: Référence du client JavaScript.