web-dev-qa-db-fra.com

Comment tester différents types de boutons avec les tests Google Analytics?

Il y a quelques années, j'ai effectué des tests A/B avec Google. J'inscrivais javascript sur ma page et affichait deux versions ou plus d'un extrait de code.

Donc, j'ai eu une URL avec par exemple différents boutons (vert et rouge).

Mais maintenant, il y a des tests chez Google Analytics où je peux tester différentes URL.

Mon problème est que j'ai un magasin Magento où je veux tester deux types de boutons différents sur les pages produits.

Puis-je tester de telles modifications avec les tests Google Analytics?

google-analyticsa-b-testing
2
Jurik

J'ai trouvé une réponse sur Google Developer Docs . Version courte:

Vous définissez vos tests, implémentez le code de test de Googles et vos variantes. 

<!-- Load the Content Experiment JavaScript API client for the experiment -->
<script src="//www.google-analytics.com/cx/api.js?experiment=YOUR_EXPERIMENT_ID"></script>
<script>
  // Ask Google Analytics which variation to show the user.
  var chosenVariation = cxApi.chooseVariation();
</script>

Et votre code pour les variations:

<!-- Load the JQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<script>
// Define JavaScript for each page variation of this experiment.
var pageVariations = [
  function() {},  // Original: Do nothing. This will render the default HTML.
  function() {    // Variation 1: Banner Image
    document.getElementById('banner').src = 'bay-bridge.jpg';
  },
  function() {    // Variation 2: Sub-heading Text
    document.getElementById('heading').innerHTML = 'Look, a Bridge!';
  },
  function() {    // Variation 3: Button Text
    document.getElementById('button').innerHTML = 'Learn more';
  },
  function() {    // Variation 4: Button Color
    document.getElementById('button').className = 'button button-blue';
  }
];

// Wait for the DOM to load, then execute the view for the chosen variation.
$(document).ready(
  // Execute the chosen view
  pageVariations[chosenVariation]
);
</script>

Et assurez-vous de déclencher une consultation de page après cela, afin que toutes les données soient envoyées à Google.

1
Jurik

je voudrais configurer un tel test avec le suivi des événements, donc j'aurais pour le bouton rouge et le bouton vert différents codes de suivi des événements, comme.

Red button: <a href="ab.com/c.html" onClick="_gaq.Push(['_trackEvent', 'abtest', 'window.location.href', 'red_button', 1, false]);">abc</a>


Green button: <a href="ab.com/c.html" onClick="_gaq.Push(['_trackEvent', 'abtest', 'window.location.href', 'green_button', 1, false]);">abc</a>
1
Evgeniy