UNITA' AMP:
inserire nella sezione
della pagina amp (SOLO SE NON GIA' PRESENTI):
Codici da aggiungere nello style di AMP
.evobrid-container{
position:fixed;
bottom:0;
right:0;
height:155px;
width:256px;
z-index: 1;
}
.evobrid-container .evobrid-iframe-container .video{
position:absolute;
margin-bottom: 0px;
bottom:0;
height:155px;
left:0;
right:0
}
.evobrid-container .evobrid-iframe-container amp-iframe {
background-color: transparent;
}
inserire prima della chiusura del della pagina amp:
Unità pubblicitarie da inserire negli spazi in pagina amp:
AMP ATF
---------------------
AMP intext
---------------------
AMP BTF
---------------------
AMP MINIMASTHEAD
---------------------
AMP FLOORAD
------------------------------------------------------------------------
SCROLL INFINITO AMP
Per poter attivare lo scroll infinito su amp sono necessari questi passaggi:
- inserire nell' della pagina questa libreria
- inserire nel css principale della pagina amp queste istruzioni:
- inserire prima della fine della pagina amp questa struttura (non modificare CANONICAL_URL), che prenderà dal feed del Content Revolution del sito prinipale gli articoli per lo scroll infinito:
è importante che il footer della pagina amp venga spostato qui dentro, con quella proprietà "footer" inserita nel div, in modo che il sistema amp lo vada a mettere solo alla fine dello scroll infinito, una volta sola.
- modificare lo script di analytics in questo modo per permettere il tracking delle pagine scroll infinito (modificare nei punti "CODICE UA ANALYTICS", "TITOLO DELL'ARTICOLO PRINCIPALE", "URL AMP DELL'ARTICOLO PRINCIPALE", lasciando invariato il codice php affiancato):
- ultimo step da seguire è quello di andare ad inserire la proprietà "next-page-hide" in tutti gli elementi della pagina amp che non si vuole vengano ripetuti negli articoli scroll infinito, quindi ad es. il menu, eventuali sidebar, le adv video e sticky amp ecc.... per esempio in questo modo: