Redirects

Redirects giver dig mulighed for at oprette en direkte forbindelse mellem en forespørgsel eller et nøgleord og en specifik url. Hvornår kan du bruge det?

For eksempel har du et enkeltstående produkt for én kategori, og du ønsker at give dine kunder mulighed for at søge direkte efter produktsiden fra søgningen, uden at gå forbi søgesiden.

Denne guide vil være opdelt i to sektioner. Den første viser dig hvordan du opretter en Redirect for din butik, og i anden del gennemgås de yderligere trin, du skal følge, hvis du har en custom API store.

Oprettelse af Redirects #

1. Gå til Search > Redirects > New redirect.

2. Indsæt URL’en på det produkt eller den side, du ønsker, at besøgende skal sendes til, når de trykker på enter efter søgning.

3. Tilføj en eller flere forespørgsler, der skal udløse redirecten. Queries that match exactly vil omdirigere, hvis en bruger indtaster nøjagtig det ord eller den sætning, mens Queries that contain vil omdirigere, hvis ordet eller sætningen er en del af den fulde søgning.

4. Klik på Save & Close for at aktivere det.

API-opsætning #

Hvis du har integreret Clerk direkte med API’en, vil redirect-linket blive returneret af endpoints search/predictive og search/search for alle forespørgsler, der matcher de Redirect-regler, du har oprettet.

Redirect-URL’en vil blive inkluderet i redirect-nøglen i svaret.

Eksempel:

# API Call
curl -X POST \
     -H 'Content-Type: application/json' \
     -d '{"key": "store_api_key",
          "query": "softball",
          "language": "english",
          "limit": 6,
          "visitor": "unique_visitor_id",
          "labels": ["Instant Search"]}' \
     http://api.clerk.io/v2/search/predictive

# Response
{
  "status": "ok",
  "query": "softball",
  "count": 2,
  "result": [
    37217,
    40058
    ],
  "hits": 2,
  "redirect": "https://www.thebaseballgeek.co.uk/softball"
}

Fejlfinding #

Mange scripts tilføjer funktionalitet til dit søgefelt, så hvis din redirect ikke virker, er der stor sandsynlighed for, at et andet script overskriver funktionaliteten.

Nedenfor ser du et eksempel på, hvordan du kan overskrive eksisterende funktionalitet for at sikre, at dine Clerk redirects får prioritet. Det kan kræve tilpasning til din opsætning.

<script>
(function() {
input_selector = document.querySelector('#{{ content.id }}').dataset.instantSearch;
document.querySelectorAll(input_selector).forEach(input=>{
  input.addEventListener('keyup', function(event){
      {% if redirect %}
      var currentRedirect = '{{ redirect }}';
      {% else %}
      var currentRedirect = undefined;
      {% endif %}
      if(event.which == 13 || event.which == 'Enter'){
          if(currentRedirect != undefined){
              event.preventDefault();
              window.location.replace(currentRedirect);
          }
      }
  });
});
})();
</script>