Tout navigateur moderne dispose d'une fonction permettant d'ajouter des sites à votre liste de favoris. Ainsi, l'utilisateur peut sauvegarder ses sites favoris et les garder toujours à portée de main pour un accès rapide. Mais pendant longtemps, le bouton « Ajouter aux Favoris » du site était populaire. Cette fonction simplifie quelque peu le processus d'ajout d'un site aux favoris et permet de rappeler une fois de plus à l'utilisateur que ce serait une bonne idée d'ajouter le site aux favoris.
La psychologie est à l’œuvre ici. Le fait est que lorsqu'un utilisateur voit une offre d'ajout aux favoris sur un site Web, il se demande s'il en a besoin. Et s'il décide que le site est vraiment utile, il l'ajoutera à sa liste de favoris. Et s'il n'y a pas d'offre, l'utilisateur ne pensera même pas à ce problème. C’est pourquoi il faut offrir : celui qui frappe, la porte est ouverte.
Bien sûr, la plupart des visiteurs marquent des pages non pas parce qu'ils prévoient de revenir sur le site tous les jours, mais « juste au cas où ils en auraient besoin » et, en règle générale, ne reviennent pas. Mais certains utilisateurs reviennent régulièrement et constituent le noyau des visiteurs. D'une manière ou d'une autre, si les gens reviennent sur le site, cela signifie que votre site est utile, et cela aura un impact positif sur les facteurs comportementaux de votre ressource, ce qui permettra aux moteurs de recherche de la traiter avec plus de confiance.
Vous devez placer le bouton « Ajouter aux favoris » sur votre site Web à un endroit visible, mais pas trop intrusif. Le meilleur endroit pour un tel bouton est l’en-tête ou le côté du site.
Il n’est pas nécessaire de rendre le bouton trop grand ou trop petit. N'oubliez pas que le bouton doit s'intégrer dans la conception globale du site et ne pas être trop intrusif ou trop discret.
Code du bouton "Ajouter le site aux favoris"La plupart des navigateurs modernes, avec l'avènement du standard HTML5, prennent en charge l'attribut rel="sidebar".
Ajout d'un site à vos favoris - Fonction "Nubex" addSite() ( if (document.all) window.external.addFavorite("http://site", "Site builder "Nubex""); )
N'oubliez pas de mettre notre site dans vos favoris ! (Pour le navigateur Google Chrome, appuyez sur Ctrl+D)
Ajouter le site aux favorisMais rappelez-vous que dans le navigateur Google Chrome, il n'est pas possible de mettre un site en favoris à l'aide d'un bouton sur le site. Il existe une combinaison de touches spéciale pour cela : Ctrl+D, assurez-vous donc d'en informer l'utilisateur.
Vous pouvez suivre le nombre d'utilisateurs qui ont ajouté votre site à vos favoris, par exemple en utilisant le service Yandex.Metrica (« Présence » - « Conversions »).
Eh bien, il est temps d'écrire quelques courts articles sur des sujets généralement utiles !
Une jeune femme, qui m'a demandé d'organiser un bouton « ajouter une page aux favoris du navigateur » sur son site Web, m'a en même temps demandé comment mettre en place une barre latérale et un menu fixes. et si ces fonctions intéressent quelqu'un, alors peut-être que des postes seront nécessaires.
Aujourd'hui, nous allons attacher et configurer le bouton « page aux favoris » sur le site Web.
Je dois admettre que je n'utilise pas un tel miracle sur mon blog : je ne sais pas, d'une manière ou d'une autre, je n'en ai pas vu l'utilité... Mais si vous avez envie de mettre en place un tel bouton « par vous-même ...", Commençons. L'affaire est très simple - cela demandera une dizaine de minutes de travail et, en plus, quoi qu'il en soit - des connaissances fondamentales en js très utiles...
Dans les articles suivants nous mettrons en place un menu et une barre latérale « collants » (liens vers ces articles dans les commentaires)…
Sections de l'article :
créer un bouton « ajouter aux favoris »...De quoi avons-nous besoin pour cela ?..
Premièrement : décidez de la géographie de l'emplacement de cet élément) La « conception » des sélecteurs CSS en dépendra.
Deuxièmement, n’oubliez bien sûr pas de faire une sauvegarde du site.
Et si certitude et prudence... ont été atteintes) - n'hésitez pas à vous rendre dans le répertoire de fichiers (noyau) de votre modèle ; nous recherchons un dossier avec le nom js - s'il n'y est pas, nous en créons un nouveau, ce dossier sera nécessaire plusieurs fois pour d'autres fichiers utiles : par exemple, lorsque nous étendons les fonctionnalités d'un éditeur de texte visuel, disons, ajoutez le nôtre...
Donc : dans le dossier créé ou déjà existant sous le nom js, vous devez maintenant créer un fichier js... dans lequel nous placerons la fonction dont nous avons besoin aujourd'hui.
Nous devons attacher une certaine fonction JavaScript à l'événement dit onClick d'un élément du site : aujourd'hui, ce sont les lignes de données juste en dessous.
Ajouter aux favoris
Continuons... donnez au nouveau fichier un nom clair, de sorte qu'à l'avenir il soit facile de déterminer son objectif...
Appelons-le, disons, function-isbranoe.js (vous pouvez choisir votre propre nom).
Nous allons maintenant écrire les lignes miracles suivantes dans le fichier créé : c'est-à-dire la fonction JavaScript elle-même.
Fonction addFavorite(a) ( var title = document.title; var url = document.location; try ( // Navigateur Internet Explorer window.external.AddFavorite(url, title); ) catch (e) ( try ( // Navigateur Mozilla window.sidebar.addPanel(title, url, ""); ) catch (e) ( // Navigateur Opera if (typeof(opera)=="object" || window.sidebar) ( a.rel="sidebar"; a.title=title; a.url=url; a.href=url; return true; ) else ( // Alerte inconnue ("Cliquez sur Ctrl-D pour ajouter cette page à vos favoris"); ) ) ) return false; )
Presque tout est prêt ! Il ne reste plus qu'à placer « physiquement » le bouton lui-même dans le frontend du site : quelque part dans la barre latérale, ou autre chose...
Comme vous l'avez compris, pour lier un élément bouton au site, il suffit d'ajouter la ligne affichée tout en haut : il s'agit d'un lien courant en général, utilisant l'effet utile d'une fonction JS.
styles CSS pour le bouton « ajouter une page aux favoris »...Par exemple, comme ceci : j'ai ce cours miha-isbraly.
Cela donnera quelque chose comme ça...
Page des favoris !
Voici quelques exemples de styles :
Miha-isbraly a (arrière-plan : #fff ; couleur : rgb(0, 132, 143) ; rayon de bordure : 4px 4px ; ombre de boîte : 1px 0 1px 0 #b7b7b7 ; bordure : 1px solide #ccc ; décoration de texte : aucun; )
Achèvement:
Tous nos développements doivent être liés en un seul cycle…
Ouvrez le fichier footer.php et avant la balise de fermeture, nous écrivons la ligne d'ancrage de notre fichier js créé : c'est-à-dire que nous le connecterons en spécifiant le chemin du système WP...
A savoir : placez le code suivant (qui d'ailleurs peut être complété par d'autres chaînes js, mais - je cours - commençons par le commencement...)
/** ajoute des scripts js au pied de page wp_footer **/ function function_add_js_my_scr ()( echo
Dans ce code, comme dans le précédent, nous modifions les liens vers votre site et les descriptions.
En stock: