Básicamente, lo que quiero es muy similar a lo que tiene el sitio a continuación:
Fíjate en el anuncio de 300x250 en la barra lateral derecha de la página del tema en Quora.
Tengo un diseño de tema en un foro Discourse similar, con muchos posts en cada tema. Quiero que mis usuarios vean un banner publicitario fijo/flotante de 300x250, y que sea pegajoso (sticky), es decir, cuando los usuarios hagan scroll hacia abajo en la página del tema para leer más posts, este anuncio en la barra lateral derecha debe permanecer pegajoso, exactamente debajo del deslizador de navegación del tema actual (línea de tiempo del tema) de Discourse.
El mismo comportamiento que ves en https://www.quora.com/What-are-the-lessons-people-most-often-learn-too-late-in-life
¿Cómo puedo lograr esto? Ya estoy usando GitHub - discourse/discourse-adplugin: Official Discourse Advertising Plugin. Install & Start Serving Ads on Your Discourse Forum · GitHub, pero no encontré ninguna opción en el plugin de publicidad para hacer eso.
He encontrado esto: How to show advertising in timeline of the topic page?, pero no estoy seguro de cómo insertar un código de Google AdSense dentro de esto, que se ve algo así. No sé cómo insertarlo en el HTML de Ember JS; me da errores de script y div sin cerrar. Como ya es una etiqueta script, ¿cómo cargo el script de Google JS dentro del script existente de Ember de Discourse?
<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>
Estoy recibiendo este error cuando intento hacerlo:
Mi código se ve así:
<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>
Además, también estoy usando el índice de contenidos de Discourse (Discourse Table of Content): DiscoTOC - automatic table of contents, por lo que el anuncio también debe mostrarse debajo del índice de contenidos actual. Ahora noto que cuando aparece el índice de contenidos, la línea de tiempo del tema desaparece.
¿Puede alguien ayudarme a lograr esto? Este anuncio pegajoso será más visible para mis usuarios y, por lo tanto, el CPM puede mejorar.
@ladydanger @neil, ¿pueden ayudarme?
Gracias de antemano.
