Come posso mostrare un annuncio AdSense fluttuante e fisso 300x250 nella barra laterale destra della pagina dell'argomento sopra la piega?

In sostanza, quello che voglio è molto simile a ciò che offre il sito seguente.
Notate l’inserzione 300x250 nella barra laterale destra della pagina dell’argomento su Quora.

Ho un layout simile per gli argomenti del forum Discourse, con molti post in ciascun argomento. Voglio che i miei utenti vedano un banner pubblicitario fisso/fluttuante 300x250, che rimanga fisso (sticky): quando gli utenti scorrono verso il basso nella pagina dell’argomento per leggere altri post, questa pubblicità nella barra laterale destra deve rimanere fissa, esattamente sotto lo slider di navigazione dell’argomento corrente (timeline dell’argomento) di Discourse.
Stesso comportamento che si osserva su https://www.quora.com/What-are-the-lessons-people-most-often-learn-too-late-in-life

Come posso ottenere questo risultato? Sto già utilizzando GitHub - discourse/discourse-adplugin: Official Discourse Advertising Plugin. Install & Start Serving Ads on Your Discourse Forum · GitHub, ma non ho trovato alcuna opzione nel plugin di pubblicità per farlo.

Ho trovato questa discussione: How to show advertising in timeline of the topic page?, ma non sono sicuro su come inserire il codice di Google AdSense al suo interno. Il codice assomiglia a questo, e non so come inserirlo nell’HTML di Ember JS; mi restituisce errori relativi a tag script e div non chiusi. Dato che è già un tag script, come posso caricare lo script JS di Google all’interno dello script esistente di Discourse/Ember?

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Topic side bar timeline -->
<ins class="adsbygoogle"
 style="display:block"
 data-ad-client="ca-pub-708790731309"
 data-ad-slot="5067761793"
 data-ad-format="auto"
 data-full-width-responsive="true"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Sto ricevendo questo errore quando provo a farlo:


Il mio codice è simile a questo:

<script type="text/discourse-plugin" version="0.8">

api.decorateWidget('topic-timeline-container:before', helper => {
    return helper.h('div.side-block', [
    	helper.rawHtml('<div id="friends"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-708790731302" data-ad-slot="5067761793" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script></div>'),
    ])
 });    
</script>

Inoltre, sto anche utilizzando la tabella dei contenuti di Discourse (DiscoTOC - automatic table of contents), quindi l’inserzione deve apparire anche sotto la TOC corrente. Ora ho notato che quando appare la TOC, la timeline dell’argomento scompare.

Qualcuno può aiutarmi a ottenere questo risultato? Questa pubblicità fissa sarebbe più visibile ai miei utenti e quindi il CPM potrebbe migliorare.
@ladydanger @neil, potete aiutarmi?

Grazie in anticipo.

Credo che gli annunci flottanti possano essere contrari ai termini di utilizzo di AdSense, fai attenzione.

L’ultima volta che ho controllato lo erano anche loro.

No, non sono contro le linee guida di AdSense. Gestisco un sito da anni con un partner certificato Google e sono stati loro stessi ad aggiungere questo annuncio fluttuante. Anche Quora fa lo stesso.

Lo hai fatto anche tu nel tuo post. Ma come posso ottenere la versione iframe del tag AdSense?

I miei annunci flottanti sono di mia proprietà, non di AdSense.

Molti dei principali siti di notizie mostrano un annuncio fisso nella barra laterale destra, mentre gli utenti leggono le notizie nella parte sinistra della pagina e scorrono verso il basso.

Tra questi ci sono Forbes, Huffingtonpost, Quora, 9gag, BBC, ecc.

Qualcuno può aiutarmi a inserire il mio codice AdSense all’interno di quel blocco di codice Ember.js? Sto ricevendo errori di sintassi.

Avete un’approvazione per un’unità pubblicitaria AdSense fissa inserita nel vostro account dal vostro rappresentante? Sono certo che gli editori che avete citato, così come noi, ne abbiano una, ma dovete essere sotto un Contratto Premium per gli editori con loro.

Se non è così, è uno dei modi più rapidi per farvi bannare l’account. Lo dico solo… e forse per l’interesse di altri che vogliono intraprendere questa strada.

@Terrapop sì, sono un partner editore premium di Google. Puoi aiutarmi a risolvere il mio problema? Ho passato tutta la giornata a cercare di farlo funzionare.

Sono anche un partner premium di Google Ad Exchange.

Inoltre, ho altre reti pubblicitarie, quindi potrei inserire i loro codici anche in sticky, ma sono tutti tag basati su JS che vengono inseriti nel codice HTML. Tuttavia, quando inserisco tag JS all’interno del codice EmberJS, come nel mio post sopra, mi restituisce un errore di sintassi.

Perché non inserisci semplicemente un div con un ID sopra il contenitore della timeline e lo indirizzi al traffico tramite DFP? In particolare, dato che non vuoi mostrare un’unità Adsense responsive in quella posizione, ma una di dimensioni fisse. Non serve affatto JavaScript nel contenitore dell’annuncio. È così che gestiamo tutti i nostri annunci su Discourse, inclusa la header bidding tramite prebid.js. Altrimenti, immagino tu debba sviluppare un plugin, poiché non so se sia persino possibile inserire tag script raw tramite un componente del template. Non credo di sì, ma altri potrebbero avere una risposta migliore.

Grazie mille per il tuo suggerimento. In realtà non ho mai usato DFP, ma ho un account DFP.
Potresti fornirmi un esempio di codice su come inserire un div con un ID sopra il contenitore della timeline e configurare il targeting/traffico tramite DFP?

Quali modifiche dovrei apportare nelle impostazioni di Discourse e nel mio account DFP? Sarebbe molto utile se potessi fornire uno screenshot e un esempio di codice.

Mi scuso, ma non ho molta esperienza nella personalizzazione del layout della pagina dell’argomento o di Discourse in generale; finora l’ho usato solo nella configurazione predefinita. Se puoi aiutarmi, sarebbe fantastico.

Partner Premium AdX e non hai mai usato DFP? Come è possibile? Ok… :roll_eyes:

Ci sono molte guide su come costruire componenti qui su Meta. Non posso condividere con voi il codice della nostra implementazione DFP. Vi confonderebbe solo, dato che abbiamo integrato anche l’header bidding, che è molto più complesso rispetto a ciò di cui avete bisogno. Tuttavia, Google ha una documentazione molto dettagliata per una configurazione semplice: si tratta di cose di base in JavaScript.

I miei network pubblicitari gestiscono sempre DFP per me, non io.

Avresti potuto fornirmi un semplice esempio basato sul codice senza condividere il tuo codice personale; bastava dirmi che avrei inserito il mio codice al posto del tuo… Qualsiasi tutorial video o esempio di codice (puoi rimuovere i tuoi codici DFP segreti, non mi importa), ma voglio capire come farlo…?

Non ho mai sentito dire che le reti pubblicitarie gestiscano DFP per i clienti. Le agenzie sì… ma le reti pubblicitarie?

Qualcosa di questo tipo… (questo non è codice completamente funzionante, serve molto di più, ma per darti un’idea)

<div id="adunit_sidebar"></div>

var adunit_sidebar = googletag.defineSlot('/XXXXXXX/SIDEBAR', [300,250], 'adunit_sidebar').addService(googletag.pubads());

googletag.pubads().disableInitialLoad();
googletag.enableServices();
googletag.display([adunit_sidebar]);
googletag.pubads().refresh([adunit_sidebar]);

Ma se non riesci a capire per nulla questo codice, devi chiedere alla tua “rete pubblicitaria” o all’agenzia di configurarlo.

Lascia che provi questo. Dove devo inserire questo codice in Discourse? Se è in after head, aggiorna il codice in modo che possa essere inserito in site head senza errori JavaScript o di sintassi.
E quali altre dipendenze o script sono necessari per farlo funzionare completamente?

No, non puoi inserire questo così com’è da nessuna parte. Come già detto, è richiesto molto di più e, dato che non hai alcuna conoscenza tecnica di base di DFP, Discourse o JavaScript, ti preghiamo di assumere qualcuno che abbia la capacità di aiutarti, ad esempio nel canale Marketplace.