Basicamente, o que eu quero é muito similar ao que o site abaixo tem,
Observe o anúncio 300x250 na barra lateral direita da página do tópico do Quora.
Tenho um layout de tópico de fórum Discourse similar com muitos posts em cada tópico. Quero que meus usuários vejam um banner de anúncio 300x250 fixo/flutuante, e ele deve ser fixo (sticky), ou seja, quando os usuários estiverem rolando para baixo na página do tópico para ler mais posts, esse anúncio na barra lateral direita deve permanecer fixo, exatamente abaixo do controle deslizante de navegação do tópico atual (timeline do tópico) do Discourse.
Mesmo comportamento que você vê em https://www.quora.com/What-are-the-lessons-people-most-often-learn-too-late-in-life
Como posso alcançar isso? Já estou usando GitHub - discourse/discourse-adplugin: Official Discourse Advertising Plugin. Install & Start Serving Ads on Your Discourse Forum · GitHub, mas não encontrei nenhuma opção no plugin de publicidade para fazer isso.
Encontrei isso: How to show advertising in timeline of the topic page?, mas não tenho certeza de como inserir um código do Google AdSense dentro disso, que parece algo assim. Não sei como inserir isso no HTML do Ember JS; ele me dá erros de script e div não fechada. Como já é uma tag script, como carrego o script JS do Google dentro do script existente do Ember do 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>
Estou recebendo este erro quando tento fazer isso,
Meu código parece assim,
<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>
Também estou usando o índice de conteúdos (table of contents) do Discourse: DiscoTOC - automatic table of contents, então o anúncio também deve aparecer abaixo do índice atual. Como agora notei que, quando o índice aparece, a timeline do tópico desaparece.
Alguém pode me ajudar a alcançar isso? Esse anúncio fixo será mais visível para meus usuários e, portanto, o CPM pode melhorar.
@ladydanger @neil, vocês podem me ajudar?
Obrigado antecipadamente.
