Προσαρμοσμένο μπάνερ εγκατάστασης εφαρμογής

Το μπάνερ εγκατάστασης απαιτεί ενεργή Επώνυμη Εφαρμογή Ιστού: επαληθευμένο δικό σας domain, ανεβασμένο λογότυπο και ενεργό διακόπτη. Ανοίξτε Ρυθμίσεις → Επώνυμη Εφαρμογή Ιστού και ελέγξτε ότι πληρούνται και οι τρεις προϋποθέσεις — χωρίς αυτές δεν υπάρχει τίποτα για εγκατάσταση.

Στο Ιστότοπος → Σελίδες ανοίξτε τη σελίδα όπου θέλετε το μπάνερ και προσθέστε μια λωρίδα «Κουμπιά» (ή επεξεργαστείτε μια υπάρχουσα). Δώστε στο κουμπί μια ετικέτα όπως «Εγκαταστήστε την εφαρμογή μας» και ορίστε τον σύνδεσμό του ακριβώς #install-app. Αυτός ο ειδικός σύνδεσμος αναγνωρίζεται από την πλατφόρμα — δεν χρειάζεται κώδικας. Αποθηκεύστε και δημοσιεύστε.

Σε Android και Chrome/Edge υπολογιστή το κλικ ανοίγει απευθείας τον εγγενή διάλογο εγκατάστασης — ένα άγγιγμα και η εφαρμογή είναι στην οθόνη Αφετηρίας. Σε iPhone και iPad εμφανίζεται αναδυόμενο παράθυρο με τρία σύντομα βήματα (Κοινοποίηση → Προσθήκη σε οθόνη Αφετηρίας → Προσθήκη), γιατί η Apple δεν επιτρέπει άμεση εγκατάσταση. Σε προγράμματα περιήγησης χωρίς υποστήριξη, οι πελάτες κατευθύνονται στο Google Chrome.

Οι λωρίδες δεν αρκούν — θέλετε δικό σας σχεδιασμό; Το Ιστότοπος → SEO → Προσαρμοσμένα scripts (body) δέχεται JavaScript που εκτελείται σε κάθε σελίδα του ιστότοπού σας. Το script δημιουργεί το στοιχείο του μπάνερ και είτε δίνετε στο κουμπί το χαρακτηριστικό data-ot-install, είτε καλείτε otInstallApp() στο κλικ — και τα δύο ενεργοποιούν ακριβώς την ίδια ροή εγκατάστασης με το κουμπί της λωρίδας. Το πεδίο δέχεται μόνο JavaScript, όχι σκέτη HTML.

Ανοίξτε τον ιστότοπό σας σε Android τηλέφωνο με Chrome, πατήστε το νέο κουμπί και βεβαιωθείτε ότι εμφανίζεται ο διάλογος εγκατάστασης. Μετά δοκιμάστε σε iPhone και ακολουθήστε τα τρία βήματα. Μετά την εγκατάσταση, το λογότυπό σας βρίσκεται στην οθόνη Αφετηρίας του πελάτη και η εφαρμογή ανοίγει σε πλήρη οθόνη.