Popup pour première visite

**Nikolas78** · 31/07/2015, 10h18

Salut salut

J'ai un site Wordpress sur lequel j'ai installé une extension (WP Colorbox) qui permet d'ouvrir une sorte de fancybox vidéo à l'arrivée sur le site (http://marshalls.agence-lesautres.com/)

Bref, tout fonctionne très bien mais j'aimerais bien que cette fancybox ne s'ouvre qu'à la première visite de l'internaute ! S'il revient sur la home, la vidéo ne s'affichera plus !

Dans ma page d'accueil j'ai ce bout de code qui permet de "lancer" la fancybox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500})
      });
</script>

Je n'y connais rien du tout en JS et ça devient un peu urgent à terminer cette affaire ^^'
Alors si quelqu'un sais comment s'y prendre...

Merci beaucoup d'avance

Bonne journée !

**NoSmoking** · 31/07/2015, 10h48

Bonjour,
regarde du coté des cookies.

**Nikolas78** · 31/07/2015, 10h49

euh... C'est à dire ??

(Désolé pour le mauvais placement du post et merci pour le déplacement

)

**NoSmoking** · 31/07/2015, 11h00

La gestion des cookies en JavaScript

Comment gérer des cookies en JavaScript ?

**Nikolas78** · 31/07/2015, 11h29

Merci

Alors en gros...
Je créé un cookie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function SetCookie(name, value, days) {
     var expire = new Date ();
     expire.setTime (expire.getTime() + (24 * 60 * 60 * 1000) * days);
     document.cookie = name + "=" + escape(value) + "; expires=" +expire.toGMTString();
}

Et ensuite en le lisant je décide si j'ouvre ou non ma fancybox/popup :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function GetCookie(name) {
     var startIndex = document.cookie.indexOf(name);
     if (startIndex != -1) {
          <script type="text/javascript">
jQuery(document).ready(function(){
        jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500})
      });
</script>
     }
     else {
          return null;
     }
}

C'est ça ?
Et en fait, il faut que je le pose où ce code ? Dans le header.php de mon thème WP ?

**Nikolas78** · 31/07/2015, 14h28

Et est-ce que ce ne serait pas plus pratique de passer par des sessions ?
Pas que je m'y connaisse plus mais j'ai trouvé ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
session_start();
if(!isset($_SESSION['video'])) 
{
$_SESSION['video'] = 1;
}

et ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<? if(!isset($_SEESION['video'])){ ?>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500})
      });
</script>
<? } ?>

Soit c'est faux soit je ne sais pas le faire fonctionner mais je trouve ça plus simple...

**NoSmoking** · 31/07/2015, 14h39

Concernant la place du code, il est à placer dans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
jQuery(document).ready(function(){
  SI cookie NOT EXITE ALORS
    function( 'CREATION_COOKIE');
    function( 'AFFICHAGE_POPUP');
  FIN SI
};

Tu peux effectivement passer par les variables de SESSION ou encore par l'API HTML5 storage.

**Nikolas78** · 31/07/2015, 15h26

Et bien au final, ce sera fait avec des sessions

Et comme je suis heureux que ça fonctionne enfin, je vous donne la solution

A placer dans le header.php du thème Wordpress (pour les utilisateurs Wordpress), à la fin de la balise <head> histoire que tout soit inclus (jQuery en particulier ^^)

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
	<?php 
		if(empty($_SESSION['visite'])) 
		{ //Nouvelle session
			$scpt = "<script type='text/javascript'>
		jQuery(document).ready(function(){
				jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500})
			  });
		</script>";
 
			echo $scpt;
			$_SESSION['visite'] = 1;
		}
		?>

Merci pour ton aide NoSmoking

**NoSmoking** · 31/07/2015, 15h28

Merci à toi pour le retour

**Nikolas78** · 31/07/2015, 15h33

Avec plaisir

Popup pour première visite

jQuery

Discussions similaires

Partager

Partager