MG Banner Ultima versione: 21/11/2018 11:19:12

Il modulo MG Banner consente di gestire e programmare banner promozionali ed eventi sportivi e virtuali in evidenza sui siti gestiti dalla piattaforma Microgame attraverso uno SlideShow dedicato.

Segui attentamente il TUTORIAL per inserirlo sul tuo sito.

1 Accedi al CMS

Completa questi semplici passaggi per configurare lo SlideShow:

  1. Accedi al CMS con le tue credenziali di accesso;
  2. Clicca su TOOLS > BANNERS;

2Crea una categoria

E' necessario creare una CATEGORIA per inserire le singole slide (immagini, HTML, eventi sportivi) all'interno dello SlideShow.

Puoi utilizzare categorie diverse per pagine e/o sezioni diverse del tuo sito, ad esempio: Categoria HomePage, Categoria ScommesseSportive.

In base alle tue esigenze di marketing, scegli il nome e la categoria che più ti interessa.

  1. Clicca sul pulsante New Banner Category;
  2. Assegna un nome alla categoria;
  3. Clicca sul pulsante SALVA;
  4. Clicca sul link Banners Categories per vedere la lista delle tue categorie;

3Crea un BANNER

Nell'esempio al lato viene mostrato come creare un BANNER di Tipo IMAGE;

  1. Clicca sull'icona EDIT della categoria di banner che preferisci;
  2. Clicca sul pulsante NEW BANNER;
  3. Assegna un nome al BANNER;
  4. Inserisci il link a cui deve puntare nel campo URL;
  5. Inserisci nel campo WEIGHT il valore che rappresenta l'ordine in cui verrà mostrato;
  6. Puoi pianificare nel campo VISIBILITY la data di attivazione e disattivazione;
  7. Seleziona la tipologia di BANNER nel campo CONTENT > BANNER TYPE;

I banner possono essere di 3 tipi diversi:

  1. Banner di tipo IMAGE (Banner di tipo grafico in formato .JPG, .PNG, .GIF);
  2. Banner di tipo HTML/WIDGET (Banner in cui è possibile inserire sia HTML libero che il codice del WIDGET;
  3. Banner di tipo Plain/Text (Banner in cui è possibile inserire testo e codice libero attraverso un EDITOR testuale;

4Crea un BANNER di tipo WIDGET

Eventi sportivi

I banner di tipo Widget mostrano eventi sportivi in evidenza selezionati all'interno della pagina "Gestione Widget" di INTRABOS.

Attualmente puoi disporre di 2 Widget in cui inserire gli eventi che desideri.

I codici Widget disponibili sono: #HIGHLIGHT#, #BANNER#, #LIVE#

Eventi virtuali

Il banner di tipo Widget per gli eventi virtuali mostra, in una sola slide, il prossimo evento virtuale in partenza.

Puoi inserire solo un Widget di questo tipo in una pagina.

Il codice Widget da aggiungere è: #VIRTUALGAMES#

Se vuoi visualizzare, oltre a Esito Vincente 1X2, anche Risultato Esatto e Under/Over 2,5 per il calcio, aggiungi il codice #VIRTUALGAMES-SOC3#.

Se vuoi personalizzare il numero di eventi da mostrare per il matchday, aggiungi il codice #VIRTUALGAMES-MD-N# (N max 8).

Es. #VIRTUALGAMES-SOC3-MD-4# mostrerà solo 4 eventi del matchday in partenza

  1. Crea un nuovo BANNER di tipo HTML;
  2. Inserisci il codice #HIGHLIGHT#, #BANNER#, #LIVE#, #VIRTUALGAMES# per visualizzare gli eventi che hai scelto;

5Usa il BANNER sul SITO

Puoi utilizzare i BANNER creati in qualsiasi sezione del tuo sito utilizzando la Web Part "MG BANNER ROTATOR".

  1. Aggiungi in una zona la WebPart MG BANNER ROTATOR;
  2. Seleziona la CATEGORIA desiderata;
  3. Scegli tra le opzioni disponibili;

6Usa il BANNER sulle SCOMMESSE SPORTIVE

Puoi utilizzare MG BANNER nella pagina "Scommesse Sportive" in diverse modalità.

  1. Se preferisci inserire il banner nella stessa pagina delle "Scommesse Sportive" scegli l'opzione "Si trova nella stessa pagina del modulo scommesse" della Web Part MG BANNER ROTATOR ;
  2. Se preferisci inserire il banner all'interno del modulo "Scommesse Sportive" scegli l'opzione "Includi il banner nel modulo scommesse" della Web Part MG BANNER ROTATOR ;
Ricorda che non puoi utilizzare MG Banner Rotator sul modulo scommesse in modalità FULLSCREEN

Puoi utilizzare le categorie di BANNER per visualizzarle sopra o sotto il carrello delle "Scommesse Sportive".

  1. Scegli l'opzione "Banner sopra il carrello" della Web Part SCOMMESSE MICROGAME;
  2. Scegli l'opzione "Banner sotto il carrello" della Web Part SCOMMESSE MICROGAME;
Ricorda che in questo caso, devi inserire categorie che contengono esclusivamente Banner di tipo Grafico/HTML ma non di tipo Widget

BANNER sopra/sotto il carrello

7Personalizza il BANNER di tipo WIDGET

Puoi personalizzare le immagini di background ed il layout degli eventi sportivi

  1. Crea dal CMS del tuo sito un nuovo file CSS e nominalo: nomesito-mg-banner-rotator;
    Ricorda che il file non può essere vuoto ed aggiungi un commento del tipo /**/;
  2. Associa il CSS creato con il modulo .LESS
  3. Copia il codice seguente nel tuo file .LESS nomesito-mg-banner-rotator e sostituisci la classe CSS ".nomesito" con il nome del tuo sito.

    Sostituisci il percorso (URL) degli sfondi con le immagini che vuoi sovrascrivere.

    Scarica qui il file .LESS di esempio

			   
//Default Layout (NON CANCELLARE!)
////////////////////////////////////////////////////////////////////////////
@import url("/CMSPages/GetResource.ashx?stylesheetname=mg-banner-rotator");
///////////////////////////////////////////////////////////////////////////

///////////Override immagini di background

.nomesito{

    //CALCIO
    .mg-swiper-container .mg-swiper-wrapper .mg-swiper-slide.mg-widget.calcio{
          
          //Inserisci qui l'indirizzo dell'immagine 
      
          background-image: url(//marketing.microgame.it/l.ashx?u=/default/scommesse-sportive/bg-calcio.jpg&s=default);
   
    }
   //TENNIS
    .mg-swiper-container .mg-swiper-wrapper .mg-swiper-slide.mg-widget.tennis{
          
          //Inserisci qui l'indirizzo dell'immagine
      
           background-image: url(//marketing.microgame.it/l.ashx?u=/default/scommesse-sportive/bg-tennis.jpg&s=default);
   
    }
 

//END
}