[SPIP Zone] Un nouveau plugin pour afficher des popup au démarrage

Bonjour à tous.

J’ai besoin de pouvoir afficher un popup modal à la première visite d’un internaute.
Si le visiteur clique sur la fenêtre modale, il doit être redirigé vers une autre page.

Ce popup servira à afficher des infos importantes : message d’alerte, appel à inscription, proposition d’un service ou d’un produit, etc.
Le popup ne sera affiché qu’à la première visite.

J’ai découvert que le plugin mediabox de la dist inclut déjà cette fonctionnalité : la splash boite.
Mais on ne peut indiquer que l’url d’un document (interne ou externe) qui est affiché à la 1ère visite.
Il n’est pas possible de configurer une url destination si le visiteur clique sur l’image.

L’idée serait donc de créer un plugin SplashBoxPlus qui viendrait en surcouche de la splash boite existante.
La configuration du plugin permettrait d’indiquer l’url destination en cas de clic.
Je souhaite aussi que l’on puisse configurer le délai d’attente de ré-affichage en cas de retour du visiteur sur le site (durée du cookie).
C’est tout dans un premier temps.

Ensuite, on pourrait faire évoluer le plugin de façon à ne plus afficher un document image, mais le contenu de tout un article par exemple.

Techniquement, je ne sais pas par quel bout prendre la solution.
J’ai vu que la mediabox intercepte le flux pour ajouter un javascript dans le header : splash.mediabox.js
lequel fait appel à spip.mediabox.js

Je n’arrive pas à voir si il est possible d’ajouter un lien sur le contenu d’une mediabox ?
Quelle(s) solution(s) adopteriez-vous ?

Merci pour votre expertise.

PS : comme d’habitude, le nouveau plugin, s’il voit le jour, sera offert à la communauté SPIP.

Le 26/05/2014 15:15, Bruno CAILLARD a écrit :

Quelle(s) solution(s) adopteriez-vous ?

Ben rien, ça fait déjà ce que tu veux non ?
Tu donnes l'URL que tu veux, pas spécialement *une image*.

Tu mets un URL avec du HTML, et ça t'intègres ton HTML dans la boite de démarrage. Donc tu mets ce que tu veux dedans, du texte ou une image avec un lien.

--
RastaPopoulos

* Bruno CAILLARD tapuscrivait, le 26/05/2014 15:15:

Bonjour à tous.

J'ai besoin de pouvoir afficher un popup modal à la première visite d'un
internaute.

Pas une réponse à ta question, mais un éclairage sur le sujet :
http://www.davidcarlehq.com/2012/11/10-raisons-pour-lesquelles-je-quitte-votre-site-en-moins-de-10-secondes/
# 4 – Le fameux pop-up
Il est comique qu’on en parle encore en 2012. Malheureusement, des sites ayant tellement peur de perdre leurs visiteurs décident de jouer le tout pour le tout en présentant une offre par pop-up dès que vous arrivez sur le site.
Si votre offre est si importante, placez-là au centre de votre contenu, et je la remarquerai durant ma visite. Un pop-up me donne l’effet inverse, que vous n’avez pas suffisamment confiance dans votre site pour efficacement promouvoir votre offre si spéciale.

:wink:

--
RealET

Ben non, ça marche pas.

si je mets l’url d’un document image (jpg, etc.), l’image est bien affichée dans le popup.

Si je mets l’url d’une page, j’ai un message d’erreur :
This content failed to load.

Le 26 mai 2014 à 15:15, Bruno CAILLARD <bruno.caillard@free.fr> a écrit :

Bonjour à tous.

J'ai besoin de pouvoir afficher un popup modal à la première visite d'un internaute.
Si le visiteur clique sur la fenêtre modale, il doit être redirigé vers une autre page.

Ce popup servira à afficher des infos importantes : message d'alerte, appel à inscription, proposition d'un service ou d'un produit, etc.
Le popup ne sera affiché qu'à la première visite.

Bonjour Bruno,

Puis-je poser une question d'utilisabilité, juste parce que ça m'intrigue énormément ?

Quelle est la vocation de la « popup modal à la première visite d'un internaute » que tu as besoin de faire ? À quoi va-t-elle servir ? À quel besoin/commande cela répond-t-il ?

Parmi les exemples que tu cites, quels sont les arguments du choix d'affichage en « popup modal à la première visite d'un internaute » plutôt qu'un autre type d'affichage (par exemple un message d'alerte au sein de la page et/ou en top position) ?

-- tetue

Le 27 mai 2014 16:42, tetue@rezo.net <tetue@rezo.net> a écrit :

Le 26 mai 2014 à 15:15, Bruno CAILLARD <bruno.caillard@free.fr> a écrit :

> Bonjour à tous.
>
> J'ai besoin de pouvoir afficher un popup modal à la première visite d'un
internaute.
> Si le visiteur clique sur la fenêtre modale, il doit être redirigé vers
une autre page.
>
> Ce popup servira à afficher des infos importantes : message d'alerte,
appel à inscription, proposition d'un service ou d'un produit, etc.
> Le popup ne sera affiché qu'à la première visite.

Bonjour Bruno,

Puis-je poser une question d'utilisabilité, juste parce que ça m'intrigue
énormément ?

Quelle est la vocation de la « popup modal à la première visite d'un
internaute » que tu as besoin de faire ? À quoi va-t-elle servir ? À quel
besoin/commande cela répond-t-il ?

Parmi les exemples que tu cites, quels sont les arguments du choix
d'affichage en « popup modal à la première visite d'un internaute » plutôt
qu'un autre type d'affichage (par exemple un message d'alerte au sein de la
page et/ou en top position) ?

A tout hasard, un message d'alerte pour un intranet pour des profils
particuliers ?
ça me semble une "bonne" raison pour une popin à la connexion de
l'utilisateur sur le site.

"Internet n'est pas que pour internet". :stuck_out_tongue:

Ybbet

-- tetue

----
spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone

Salut Tetue.

C’est un popup pour mon money site. Ce site reçoit un traffic assez conséquent. C’est un site de contenu, assez (trop) fourni, et je me rends compte que beaucoup de visiteurs passe à côté de mon offre, malgré tous les petits encarts présents sur chaque page.

C’est normal, le visiteur vient chercher une réponse à sa question, pas une offre payante. Comme tu le sais, le cerveau est bien fait et il zappe tout ce qu’il ne cherche pas, même ça flashe.

Il s’agit de vendre un guide de construction que j’ai écrit et aussi des prestations.
Ma méthode de vente est classique : page de vente (texte+image) + formulaire

J’ai décidé de tester une nouvelle méthode de vente, à base de vidéo.

Et j’ai aussi créé une offre haut-de-gamme pour l’occasion.
Mais comme je ne veux pas tout casser sur mon money site, je ne vais pas toucher à sa structure ni à son contenu.

J’ai donc créé un tout nouveau site, hyper simple, complètement conçu autour du nouveau processus de vente avec vidéo (je l’envoie le lien en MP).
Mais c’est un site avec peu de contenu textuel, peu de pages, que des vidéos.

Je ne suis pas près d’obtenir un positionnement correct dans les résultats de recherche.
Il faut donc trouver un moyen d’orienter un flux de visiteurs qualifiés.

Et donc, je compte mettre un popup sur mon money site, celui qui génère du traffic, pour orienter un max de visiteur vers mon nouveau site.
Je me carre que les visiteurs sont détournés. C’est pas grave.

Dans un premier temps, les ventes sur le money site risquent de s’effondrer
mais dans un second temps, je compte sur un taux de transformation plus élevé sur le nouveau site. Et sur une offre plus rémunératrice.

Le popup ne sera pas présenté comme une offre payante mais comme une solution gratuite et irrésistible : une réponse à la question du visiteur.

Ce popup ne sera activé que de temps en temps, pour nourrir le nouveau site.

Aaaargh, cela serait vraiment bien que cela marche comme cela.

Cela marche chez vous si vous mettez l’url d’un site ?
Moi cela ne marche que si je mets l’url d’une image.

Bonjour

A priori, ni la splash boite du mediabox, ni le plugin Popup propre ne réponde au besoin.

A noter que la splash boite répond à 80% du besoin. Mais il manque le lien vers une page destination.
La splash boite ne permet que d’afficher une image, distante ou pas. Mais pas de page HTML. En tous cas, c’est ma conclusion. Je serai heureux que l’on me contredise sur ce point.

Donc, je relance l’idée d’un plugin qui viendrai en surcouche de la splash boite de la mediabox.

Fonctionnellement, ce plugin serait très simple : il permettrait d’ajouter un lien sur l’image affichée par la splash boite, vers une url de son choix, indiquée dans la configuration du plugin.
C’est tout dans un premier temps.

Techniquement, il faudrait intercepter le flux, ou ajouter le lien a posteriori.
Je ne sais pas trop.
Et c’est là que j’ai besoin de votre aide.

Le 31/05/2014 13:48, Bruno CAILLARD a écrit :

Je serai heureux que l'on me contredise sur ce point.

Alors sois heureux, je continue de te contredire.

Je re-confirme, je l'ai déjà utilisé pour une boite souhaitant de bons vœux en début d'année à la première visite, et il n'y a aucune sorte de problème. Et comme on met la page qu'on veut, ça veut dire le HTML qu'on veut, donc image et/ou texte et/ou vidéo ou n'importe quoi.

Dans la config de mediabox, comme adresse pour la Splash j'ai mis :
spip.php?page=voeux

"voeux.html" étant un squelette de mon cru à la racine. Et ça marche parfaitement.

--
RastaPopoulos

Merci pour la confirmation.

Effectivement, quand on met l’url d’une page locale au site, cela fonctionne.
Mais on ne peut pas mettre d’url d’un autre site.

Je vais me débrouiller avec cela. Pas de plugin supplémentaire à développer.

MERCI

* Bruno CAILLARD tapuscrivait, le 31/05/2014 18:44:

Merci pour la confirmation.

Effectivement, quand on met l'url d'une page locale au site, cela
fonctionne.
Mais on ne peut pas mettre d'url d'un autre site.

Alors, tu devrais pouvoir faire une page locale qui va chercher le contenu de la page distante, non ?

--
RealET

Salut,

Le 31 mai 2014 18:44, Bruno CAILLARD <bruno.caillard@free.fr> a écrit :

Effectivement, quand on met l'url d'une page locale au site, cela
fonctionne.
Mais on ne peut pas mettre d'url d'un autre site.

Je vais me débrouiller avec cela. Pas de plugin supplémentaire à développer.

Ça c'est pas plutôt un souci d'en-tête de réponse renvoyés par le
serveur (avec un X-Frame-Option: SAMEORIGIN par ex.) ? Parce que les
iframes cross-domaine c'est possible dans les médiabox normalement !

--
Beurt

Le 01/06/2014 09:13, Beurt a écrit :

Ça c'est pas plutôt un souci d'en-tête de réponse renvoyés par le
serveur (avec un X-Frame-Option: SAMEORIGIN par ex.) ? Parce que les
iframes cross-domaine c'est possible dans les médiabox normalement !

Mais du coup ça déclenche sûrement des mécanismes de sécurité côté client, les navigateurs n'ayant pas tous la même politique de sécurité il faudrait tester partout.

--
nicod_

Le 1 juin 2014 12:41, nicod_ <nicolas.dorigny@gmail.com> a écrit :

Mais du coup ça déclenche sûrement des mécanismes de sécurité côté client,
les navigateurs n'ayant pas tous la même politique de sécurité il faudrait
tester partout.

Oui, à ma connaissance X-Frame-Option n'est pris en compte que sur les
navigateurs récents; Forefox depuis un bail, mais Chrome depuis moins
d'un an et je ne sais pas pour IE. Safari ne semble pas prendre en
compte.

--
Bertrand Marne

Le 01/06/2014 16:10, Bertrand Marne a écrit :

Le 1 juin 2014 12:41, nicod_ <nicolas.dorigny@gmail.com> a écrit :

Mais du coup ça déclenche sûrement des mécanismes de sécurité côté client,
les navigateurs n'ayant pas tous la même politique de sécurité il faudrait
tester partout.

Oui, à ma connaissance X-Frame-Option n'est pris en compte que sur les
navigateurs récents; Forefox depuis un bail, mais Chrome depuis moins
d'un an et je ne sais pas pour IE. Safari ne semble pas prendre en
compte.

ah bon, pourtant (sur http://www.cert.ssi.gouv.fr/site/CERTA-2011-ACT-007/) :

L'entête HTTP X-Frame-Options peut être ajoutée pour indiquer au navigateur de l'utilisateur qu'il doit afficher un site Web lorsqu'il est inclus dans une balise HTMLFRAMEouIFRAME. De plus, cette option offre une protection contre certaines attaques de type XSS.

Le support de cette option par les navigateurs est assez récent (Internet Explorer 8 à partir de janvier 2009, Firefox 3.6.9, Safari 4, chrome 4.1.249.1042).

Le 1 juin 2014 17:26, Marc <marc@mtxr.net> a écrit :

Le support de cette option par les navigateurs est assez récent (Internet
Explorer 8 à partir de janvier 2009, Firefox 3.6.9, Safari 4, chrome
4.1.249.1042).

Pour Safari et IE je ne sais pas trop (je n'ai pas facilement accès à
ces machines). Pour FF, effectivement ça marche bien, pour Chromium,
je t'assure que ça n'était pas pris en compte jusqu'à au moins l'été
dernier.

De toute façon, pour en revenir au problème initial de Bruno, la piste
donnée par RealET semble bonne.

--
Bertrand