Comment intégrer des notifications web push sur le forum avec WonderPush ?

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par Futuroscophile Ven 29 Déc 2017, 14:05

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.forum-futuroscope.net

Description du problème

Bonjour,

Grâce à un post de la page Facebook de Forumactif, j'ai découvert un outil intéressant, WonderPush, qui permet d'activer des notifications push sur n'importe quel site web, et donc nos forums. Vous donnez en exemple le forum suivant : http://photoclic.forum-pro.fr/

Je suis en train de configurer ça sur mon forum, or je ne sais pas comment il faut intégrer les codes fournis par ce site : il est fourni un script, puis qu'un code de bouton pour que l'internaute puisse voir une fenêtre modale et un bouton (switch OUI/NON) qui permet de s'abonner ou désactiver les notifs.
Comment intégrer des notifications web push sur le forum avec WonderPush ? Captur11
les deux codes en question :
Code:
<script>
(function(w,d,s,i,n){w[n]=w[n]||{q:[],init:function(o){w[n].initOpts=o;},ready:function(c){w[n].q.push(c);}};
setTimeout(function(j,k){if(!d.getElementById(i)){k=d.getElementsByTagName(s)[0];j=d.createElement(s);j.id=i;
j.src="https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js";k.parentNode.insertBefore(j,k);}},0);
}(window,document,"script","wonderpush-jssdk-loader","WonderPush"));

WonderPush.init({
    webKey: "4382e51bc819fd59bf927a6a9f250e6683e7ec8937a45bd1070cf4cdb8a1b71f",
    optInOptions: {
        // Vous pouvez modifier ou traduire les chaînes suivantes :
        externalBoxMessage: "Nous aimerions vous envoyer des notifications",
        externalBoxExampleTitle: "Notification exemple",
        externalBoxExampleMessage: "Ceci est un exemple de notification",
        externalBoxDisclaimer: "Vous pouvez vous désinscrire à n'importe quel moment.",
        externalBoxProcessingMessage: "Inscription en cours...",
        externalBoxSuccessMessage: "Merci de vous être inscrit !",
        externalBoxFailureMessage: "Désolé, un problème est survenu.",
        externalBoxTooLongHint: "Mauvaise connexion ou navigation privée ?",
        externalBoxCloseHint: "Fermer",
        modalBoxMessage: "Recevez désormais nos news en temps réel.<br/>Vous pouvez vous désinscrire à n'importe quel moment.",
        modalBoxButton: "J'ai compris !"
    }
});
</script>
J'ai ajouté le script ci-dessus dans le PA > Modules > Gestion des codes Javascript : j'ai créé un nouveau script avec Placement : sur toutes les pages.

Code:
<div id="wonderpush-subscription-switch" data-sentence="Recevoir nos dernières news par push web : " data-on="OUI" data-off="NON"></div>
J'ai ajouté le code suivant à l'intérieur d'une de mes annonces défilant en haut de page, pour le moment (le temps du test. Je déplacerai certainement ailleurs…)


Or, malgré tout ça, rien ne s'affiche. Aucune fenêtre modale, aucun bouton… Ai-je placé les scripts à un mauvais endroit ?

C'est gentil de nous proposer cet outil (en l'occurrence, via votre page Facebook), mais je pense qu'un tutoriel serait le bienvenu pour intégrer ceci correctement sur nos forums. Smile

Merci pour votre aide.
Futuroscophile

Futuroscophile
***

Masculin
Messages : 152
Inscrit(e) le : 09/02/2008

Voir le profil de l'utilisateur http://www.forum-futuroscope.net
Futuroscophile a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par demeter1 Ven 29 Déc 2017, 14:53

Bonjour,
les scripts intégrés dans la gestion des javascripts ne doivent pas comporter le balisage script.

Pour le code fourni, vous pouvez l'installer dans la partie généralité du pa ou dans le overall_header après l'ouverture du head.
Je n'ai pas testé de l'installer dans les js.

Pour ce qui concerne l'intégration du système, vous avez oublié d'intégrer le fichier html et un js .

Retournez sur votre compte wonderpush, cliquez sur réglages>>configuration>>à propos du site

récupérez le fichier html et le js
Comment intégrer des notifications web push sur le forum avec WonderPush ? Sans_t31

Pour ce qui est du bouton à vous de voir où vous voulez l'intégrer. Vous pouvez tout aussi bien l'installer dans les généralités ou l'intégrer dans le overall header.

Ps : les modules réagissent bien aux modifications css.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

Voir le profil de l'utilisateur https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par C_driko Ven 29 Déc 2017, 15:40

Bonjour,

Concernant l'intégration de WonderPush, il suffit juste de copier-coller le code dans le bon template. Il ne faut pas récupérer les fichiers JS et HTML car ils ne concernent que le plan payant avec hébergement de WonderPush sur un domaine perso et en HTTPS. Je n'ai pas encore testé mais "overall_footer_end" semble pas mal. La seule contrainte étant :

WonderPush a écrit:Copiez collez le code suivant au dessus de la balise </body>

Pour traduire la box de dialogue qui invite les internautes à s'inscrire, c'est sur WonderPush que cela se passe pour info :

Comment intégrer des notifications web push sur le forum avec WonderPush ? Transl10

Tenez-nous informé quand vous avez réussi Very Happy
C_driko

C_driko
****

Masculin
Messages : 272
Inscrit(e) le : 07/11/2014

Voir le profil de l'utilisateur
C_driko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par demeter1 Ven 29 Déc 2017, 16:12

C_driko a écrit:Il ne faut pas récupérer les fichiers JS et HTML car ils ne concernent que le plan payant avec hébergement de WonderPush sur un domaine perso et en HTTPS.

Merci pour l'info C_Driko.
Ayant configuré le système hier, j'ai rencontré des soucis de validation sans ces éléments. je me suis contraint à les installer sans chercher d'information complémentaire sur ces adjonctions.

Si jamais vous savez comment modifier les notifications, je suis preneur.
Sous Opera, on obtient ceci
Comment intégrer des notifications web push sur le forum avec WonderPush ? Sans_t33


Alors que sous chrome
Comment intégrer des notifications web push sur le forum avec WonderPush ? Wonder18
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

Voir le profil de l'utilisateur https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par C_driko Ven 29 Déc 2017, 16:24

Concernant le bouton "oui/non" sur un emplacement du forum, je ne l'affiche pas personnellement car il est 100% optionnel et ajoute un élément sur la page. Maintenant il est vrai que c'est plus sympa pour un visiteur d'utiliser ce bouton pour se désabonner que de passer par les paramètres de son navigateur.

Concernant l'apparence des Web Push notifications, elle diffère selon les navigateurs web / mobiles. Vous avez des options de paramètres lors de la création de la notification mais je ne pense pas qu'on puisse faire plus.

Pas mal d'informations intéressantes sur : https://www.wonderpush.com/fr/docs/faq/fr
C_driko

C_driko
****

Masculin
Messages : 272
Inscrit(e) le : 07/11/2014

Voir le profil de l'utilisateur
C_driko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par Futuroscophile Ven 29 Déc 2017, 17:44

Merci pour vos réponses rapides …

J'ai supprimé le script de la section "Gestion des codes Javascript".

J'ai essayé de le placer dans le template overall_footer_end, vers la fin avant </body> : ça n'affichait rien.
J'ai aussi essayé dans overall_header où il est en ce moment … Pas mieux. Je n'ai pas oublié de publier le template, mais je ne vois toujours rien… que ce soit sur Firefox, Chrome ou Safari Confused
Vous voyez quelque chose vous ?  Arrow http://www.forum-futuroscope.net/forum

demeter1 a écrit:
C_driko a écrit:Il ne faut pas récupérer les fichiers JS et HTML car ils ne concernent que le plan payant avec hébergement de WonderPush sur un domaine perso et en HTTPS.
Merci pour l'info C_Driko.
Ayant configuré le système hier, j'ai rencontré des soucis de validation sans ces éléments. je me suis contraint à les installer sans chercher d'information complémentaire sur ces adjonctions.
Je me contente de la config classique gratuite (.by.wonderpush.com).


Sur le dashboard WonderPush, on dirait que ça coince à la dernière étape :

« 5 Vérification de l'intégration
Vérification des installations opt-in… attente…

Votre projet n'a pas d'installation web opt-in.
Rendez-vous sur votre site web et inscrivez-vous aux push notifications. »


Toujours rien de nouveau après avoir cliqué sur "Revérifier" … Confused


Dernière édition par Futuroscophile le Ven 29 Déc 2017, 17:53, édité 2 fois
Futuroscophile

Futuroscophile
***

Masculin
Messages : 152
Inscrit(e) le : 09/02/2008

Voir le profil de l'utilisateur http://www.forum-futuroscope.net
Futuroscophile a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par Futuroscophile Ven 29 Déc 2017, 21:54

Ce soir, j'ai toujours le message "Vérification des installations opt-in… attente…"

« Merci de compter une journée pour la prise en compte de vos modifications dans nos caches et les caches navigateurs. »
Faut-il vraiment attendre une journée pour que cela fonctionne ? reflexion Ben, j'attends …
Futuroscophile

Futuroscophile
***

Masculin
Messages : 152
Inscrit(e) le : 09/02/2008

Voir le profil de l'utilisateur http://www.forum-futuroscope.net
Futuroscophile a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par Futuroscophile Dim 31 Déc 2017, 10:42

Toujours pas visible 2 jours après … Je ne comprends pas pourquoi ça ne marche pas.
Voici mon template overhall_header, j'ai placé le script en premier après la balise <body> … quelque chose ne va pas ?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />

<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,700,700i&amp;subset=latin-ext" rel="stylesheet">

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir  = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir  = 'prev';
         break;

      case 'right':
         auto_dir  = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des éléments */
         var width_max  = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du contenu en fonction des éléments et de la hauteur personnalisée dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des éléments et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio      = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
              vertical: slid_vert,
            wrap: 'circular',
             auto: {switch_ticker.STOP_TIME},
             auto_direction: auto_dir,
              scroll: 1,
              size: {switch_ticker.SIZE},
              height_max: height_max,
              animation: {switch_ticker.SPEED}
          });
       }
       else
       {
          $('ul#fa_ticker_content li:not(:first)').css('display','none');
          $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
       }
   });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
                 $(document).ready(function() {
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
        });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
          var popupWidth = $("#login_popup").width();
          var mypopup = $("#login_popup");

          $("#login_popup").css({
              "left": windowWidth/2 - popupWidth/2
           });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
       text-align:center;
       width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
       margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
       margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
{HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
     _gaq.push(['_trackPageview']);

     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script>
(function(w,d,s,i,n){w[n]=w[n]||{q:[],init:function(o){w[n].initOpts=o;},ready:function(c){w[n].q.push(c);}};
setTimeout(function(j,k){if(!d.getElementById(i)){k=d.getElementsByTagName(s)[0];j=d.createElement(s);j.id=i;
j.src="https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js";k.parentNode.insertBefore(j,k);}},0);
}(window,document,"script","wonderpush-jssdk-loader","WonderPush"));

WonderPush.init({
    webKey: "4382e51bc819fd59bf927a6a9f250e6683e7ec8937a45bd1070cf4cdb8a1b71f",
    optInOptions: {
        // Vous pouvez modifier ou traduire les chaînes suivantes :
        externalBoxMessage: "Nous aimerions vous envoyer des notifications",
        externalBoxExampleTitle: "Notification exemple",
        externalBoxExampleMessage: "Ceci est un exemple de notification",
        externalBoxDisclaimer: "Vous pouvez vous désinscrire à n'importe quel moment.",
        externalBoxProcessingMessage: "Inscription en cours...",
        externalBoxSuccessMessage: "Merci de vous être inscrit !",
        externalBoxFailureMessage: "Désolé, un problème est survenu.",
        externalBoxTooLongHint: "Mauvaise connexion ou navigation privée ?",
        externalBoxCloseHint: "Fermer",
        modalBoxMessage: "Recevez désormais nos news en temps réel.<br/>Vous pouvez vous désinscrire à n'importe quel moment.",
        modalBoxButton: "J'ai compris !"
    }
});
</script>
  <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6&appId=141134469250076";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> 
 
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a>
                     
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     
                     <span class="gen">{SITE_DESCRIPTION}</span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:0px;margin-bottom:15px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:0px;margin-bottom:15px;">
               <table class="user_login_form forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row2" style="padding: 0px;">
                                                          <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:64px; overflow:hidden">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                                                            </div></div>
                        
                     </td>                                                 
                                                  <td style="padding: 0px;" width="468px" class="row2"><div align="center" title="Billetterie Futuroscope"><a href="https://tracking.publicidees.com/clic.php?partid=25435&progid=1517&promoid=85825" target="_blank"><img src="https://tracking.publicidees.com/banner.php?partid=25435&progid=1517&promoid=85825" border="0" hspace="1"></a></div></td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->
                          <div align="center"></div>

                            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->
Futuroscophile

Futuroscophile
***

Masculin
Messages : 152
Inscrit(e) le : 09/02/2008

Voir le profil de l'utilisateur http://www.forum-futuroscope.net
Futuroscophile a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment intégrer des notifications web push sur le forum avec WonderPush ?

Message par Futuroscophile Sam 06 Jan 2018, 19:09

Problème résolu grâce à l'équipe de Wonderpush qui a été très réactive par chat Wink
Futuroscophile

Futuroscophile
***

Masculin
Messages : 152
Inscrit(e) le : 09/02/2008

Voir le profil de l'utilisateur http://www.forum-futuroscope.net
Futuroscophile a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum