La solution donné ci-après fonctionne pour tous types de scripts et CMS, sans forcément passer par WordPress.

Les infos divergent suite aux différentes mises à jour de Google Analytics, il n’est donc pas aisé de trouver de l’infos à ce sujet. Mais finalement, rien de plus simple pour mettre cela en place.

Dans un premier temps, il est nécessaire de configurer le tracking des résultats de recherche dans votre compte Google Analytics.
Rendez-vous dans « Administration », puis « Paramètres de la vue » (troisième colonne », et enfin « Paramètres de recherche sur site » en bas de page.

Ici, mon paramètre de recherche est « q ». A savoir, ma recherche est appelée ainsi : « https://www.monsite.com/q=marecherche ».
Une fois configuré, rendez-vous sur votre script Javascript pour installer le code de suivi généré avec gtag.
Voici par exemple ci-dessous ma fonction qui réalise ma recherche (avec un peu de jQuery).

function launchSearch(){
    var $input = $("#s");
    var query = $input.val();
    if (myTimeOut != null) {
      clearTimeout(myTimeOut);
    }
    
    // Je temporise le lancement de la recherche pour éviter de lancer la recherche à chaque fois que l'on appuie sur une touche
    myTimeOut = setTimeout(function(){
      myTimeOut = null;
      $.ajax({
          type : 'post',
          url : ajaxSearchUrl,
          data : {
              action : 'load_search_results',
              query : query
          },
          success : function( response ) {
              // Une fois le résultat obtenu, j'envoi ma requête à Google Analytics
              gtag('config', 'UA-156267736-1',{
                  'page_title' : 'search',
                  'page_path': 'search/?q=' + query
              });
          }
      });
    },500);
}

Et voilà, ma recherche a bien été enregistrée exactement de la même manière qu’une recherche classique !

Pour ce faire, il est nécessaire de créer une textarea temporaire nous permettant de manipuler les données. Vous trouverez ci-dessous deux propositions de scripts. Avec et sans jQuery, pour encoder puis décoder du code HTML.

Décodage HTML

// Decode en JS
function decodeHTMLEntities(text) {
  var textArea = document.createElement('textarea');
  textArea.innerHTML = text;
  return textArea.value;
}

// Decode avec jQuery
function decodeHTMLEntities(text) {
  return $("<textarea/>").html(text).text();
}

Encodage HTML

// Encode en JS
function encodeHTMLEntities(text) {
  var textArea = document.createElement('textarea');
  textArea.innerText = text;
  return textArea.innerHTML;
}

// Encode avec jQuery
function encodeHTMLEntities(text) {
  return $("<textarea/>").text(text).html();
}

Source : https://medium.com/@tertiumnon/js-how-to-decode-html-entities-8ea807a140e5

jQuery permet notamment de déclencher un évènement lorsque une checkbox de formulaire, ou un bouton radio, va être coché ou décoché. Cela permet par exemple d’afficher un champs supplémentaire dans certains cas, lancer des vérifications sur le nombre de cases cochées dans d’autres cas, … les possibilités sont quasi-illimitées et s’adapteront tout à fait à vos besoins.

// Traitements sur des cases à chocher
$("input[type=checkbox][name=name-checkbox]").change(function() {
  if(this.checked) {
    // Si la case est cochée, on fait des traitements
  }else if(!this.checked) {
    // Si la case est n'est pas cochée, on fait d'autres traitements
  }
});

// Traitements sur des boutons radio :
$("input[type=radio][name=name-radio]").change(function() {
  if($(this).val() == 'value1') {
    //Traitement si première case cochée
  }else if($(this).val() == 'value2') {
    // Traitement si deuxième case cochée
  }
});

Ce code est à inclure entre les balises <script> et </script> de votre code.