View All URLs

Οδηγίες για τη σωστή διαμόρφωση των πλήρων αποτελεσμάτων αναζήτησης.

Επισκόπηση

Το URL «Εμφάνιση όλων των αποτελεσμάτων» εμφανίζεται στην αναζήτηση και οδηγεί τους χρήστες σε μια σελίδα με όλα τα αποτελέσματα στον ιστότοπό σας. Μπορείτε να το ρυθμίσετε ώστε να περιλαμβάνει αυτόματα τον όρο αναζήτησης του χρήστη.

✨ Βασικά οφέλη

  • • Ομαλή εμπειρία χρήσης: Ο όρος αναζήτησης διατηρείται στη σελίδα αποτελεσμάτων
  • • Ευέλικτη ενσωμάτωση: Λειτουργεί με κάθε δομή URL
  • • Συμβατότητα με SEO: Κατάλληλες παράμετροι URL για την ευρετηρίαση αναζήτησης
  • • Αυτόματη κωδικοποίηση: Οι ειδικοί χαρακτήρες κωδικοποιούνται με ασφάλεια

Το {query} placeholder

Το {query} placeholder αντικαθίσταται αυτόματα με τον όρο αναζήτησης του χρήστη. Έτσι μπορείτε να δημιουργείτε δυναμικά URL που λειτουργούν με κάθε αναζήτηση.

Πώς λειτουργεί

  1. 1. Αναζήτηση χρήστη: Ο χρήστης εισάγει «wireless headphones»
  2. 2. Ρύθμιση: Το URL έχει οριστεί σε https://store.com/search?q={query}
  3. 3. Δημιουργία URL: Το σύστημα δημιουργεί https://store.com/search?q=wireless%20headphones
  4. 4. Επιλογή χρήστη: Η επιλογή «View All» ανοίγει τη σελίδα με όλα τα αποτελέσματα

Αυτόματη κωδικοποίηση URL

Οι ειδικοί χαρακτήρες στους όρους αναζήτησης κωδικοποιούνται αυτόματα ώστε τα URL να είναι έγκυρα:

Encoding Examples
Original Query: "wireless bluetooth headphones"
Encoded Result: "wireless%20bluetooth%20headphones"

Original Query: "gaming mouse (RGB)"
Encoded Result: "gaming%20mouse%20%28RGB%29"

Original Query: "search-term/special&chars"
Encoded Result: "search-term%2Fspecial%26chars"}

Παραδείγματα ρύθμισης URL

Ακολουθούν συνηθισμένα μοτίβα URL που μπορείτε να χρησιμοποιήσετε με το {query} placeholder:

URL με παραμέτρους αναζήτησης

Standard Search Parameter
https://example.com/search?q={query}
Different Parameter Name
https://shop.com/products?term={query}
Multiple Parameters
https://store.com/search?q={query}&category=all

URL με τον όρο στη διαδρομή

Simple Path Structure
https://example.com/search/{query}
Category-based Path
https://store.com/products/search/{query}

URL με hash (SPA)

React Router Style
https://app.example.com/#/search?query={query}
Vue Router Style
https://spa.example.com/#/search/{query}

Παραδείγματα ανά πλατφόρμα

🛒 Shopify

Shopify Search URL
https://your-store.myshopify.com/search?q={query}

🌿 WooCommerce

WooCommerce Search URL
https://your-site.com/?s={query}&post_type=product

💻 WordPress

WordPress Search URL
https://your-site.com/?s={query}

🛍️ Magento

Magento Search URL
https://your-store.com/catalogsearch/result/?q={query}

Κανόνες επικύρωσης URL

Τα URL προβολής όλων των αποτελεσμάτων πρέπει να ακολουθούν αυτούς τους κανόνες επικύρωσης για να λειτουργούν σωστά:

✅ Έγκυρα παραδείγματα

  • • https://example.com/search?q={query} - Τυπική παράμετρος
  • • https://example.com - Χωρίς placeholder (απενεργοποιεί τη λειτουργία)
  • • https://app.example.com/#/search/{query} - Διαδρομή με hash
  • • https://store.com/products?term={query}&page=1 - Πολλαπλές παράμετροι

❌ Μη έγκυρα παραδείγματα

  • • https://example.com/search?q={query}&term={query} - Πολλαπλά placeholders
  • • not-a-url - Μη έγκυρη μορφή URL
  • • https://example.com/search?q=quesry - Τυπογραφικά λάθη στο placeholder
  • • https://example.com/search?q={ query } - Επιπλέον κενά ή χαρακτήρες

Βήματα ρύθμισης

  1. Βήμα 1: Ανοίξτε τις ρυθμίσεις του site

    Ανοίξτε τις ρυθμίσεις του site σας στο qwik.select Studio.

  2. Βήμα 2: Βρείτε το πεδίο View All URL

    Βρίσκεται στην ενότητα «Search Configuration» ή «Display Settings» του site σας.

  3. Βήμα 3: Εισαγάγετε το URL σας

    Εισαγάγετε το URL σας με ή χωρίς το {query} placeholder.

    Example Configuration
    https://mystore.com/search?q={query}
  4. Βήμα 4: Δοκιμάστε τη ρύθμιση

    Κάντε μια αναζήτηση και πατήστε «View All Results» για να επιβεβαιώσετε ότι το URL λειτουργεί σωστά.

Τεχνική υλοποίηση

Η κατανόηση της επεξεργασίας του URL βοηθά στον εντοπισμό σφαλμάτων και στις προσαρμοσμένες υλοποιήσεις:

URL Processing Function (Example)
// JavaScript example of URL processing
function processViewAllUrl(url, query) {
    if (!url) return url;
    
    // URL encode the query for safety
    const encodedQuery = encodeURIComponent(query);
    
    // Replace the {query} placeholder
    return url.replace(/{query}/g, encodedQuery);
}

// Validation function
function validateViewAllUrl(url) {
    if (!url) return true; // Empty URLs are valid (disables feature)
    
    try {
        new URL(url); // Check if it's a valid URL
        
        // Count {query} placeholders
        const queryPlaceholderCount = (url.match(/{query}/g) || []).length;
        
        // Allow 0 or 1 placeholder only
        return queryPlaceholderCount <= 1;
    } catch {
        return false; // Invalid URL format
    }
}

// Usage example
const configUrl = "https://store.com/search?q={query}";
const userQuery = "wireless bluetooth headphones";
const finalUrl = processViewAllUrl(configUrl, userQuery);
// Result: "https://store.com/search?q=wireless%20bluetooth%20headphones"}

Αντιμετώπιση προβλημάτων

⚠️ Το URL δεν λειτουργεί

Επιβεβαιώστε ότι το URL έχει σωστή μορφή και είναι προσβάσιμο. Δοκιμάστε το χειροκίνητα με έναν ενδεικτικό όρο αναζήτησης για να βεβαιωθείτε ότι ο ιστότοπός σας το χειρίζεται σωστά.

⚠️ Προβλήματα ειδικών χαρακτήρων

Αν οι ειδικοί χαρακτήρες δεν λειτουργούν, ελέγξτε ότι ο διακομιστής σας αποκωδικοποιεί σωστά τις παραμέτρους URL. Η πλατφόρμα qwik.select χειρίζεται αυτόματα την κωδικοποίηση URL.

⚠️ Η επιλογή «View All» δεν εμφανίζεται

Βεβαιωθείτε ότι το πεδίο URL δεν είναι κενό. Αν δεν έχει οριστεί URL, η επιλογή «View All Results» δεν εμφανίζεται.