Wie kann ich ein schwebendes, festes 300x250 AdSense-Banner auf der rechten Seitenleiste der Themen-Seite oberhalb der "Fold" anzeigen?

Im Grunde möchte ich etwas, das dem auf der folgenden Website sehr ähnlich ist:
Beachten Sie die 300x250-Werbung in der rechten Seitenleiste der Themenseite von Quora.

Ich habe ein ähnliches Diskurs-Forum-Themenlayout mit vielen Beiträgen in jedem Thema. Ich möchte, dass meine Benutzer eine feste/schwebende 300x250-Bannerwerbung sehen, und diese sollte kleben, d. h. wenn die Benutzer auf der Themenseite nach unten scrollen, um mehr Beiträge zu lesen, sollte diese rechte Seitenleistenwerbung kleben bleiben, genau unter dem aktuellen Themen-Navigations-Slider (Themen-Timeline) von Discourse.
Das gleiche Verhalten wie auf https://www.quora.com/What-are-the-lessons-people-most-often-learn-too-late-in-life

Wie kann ich das erreichen? Ich verwende bereits GitHub - discourse/discourse-adplugin: Official Discourse Advertising Plugin. Install & Start Serving Ads on Your Discourse Forum · GitHub, habe aber keine Option in dem Werbungs-Plugin gefunden, um dies zu tun.

Ich habe dies gefunden: How to show advertising in timeline of the topic page?, bin mir aber nicht sicher, wie ich einen Google AdSense-Ad-Code darin einfügen soll. Das sieht ungefähr so aus, und ich weiß nicht, wie ich dies in Ember JS HTML einfügen soll; es wirft mir Script- und nicht geschlossene Div-Fehler vor. Da es sich bereits um ein Script-Tag handelt, wie lade ich dann das Google JS-Script in das bestehende Discourse-EmberJS-Script?

<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>

Ich bekomme diesen Fehler, wenn ich es versuche:


Mein Code sieht so aus:

<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>

Außerdem verwende ich das Discourse-Inhaltsverzeichnis unter DiscoTOC - automatic table of contents, sodass die Anzeige auch unter dem aktuellen Inhaltsverzeichnis erscheinen muss. Wie ich jetzt bemerke, verschwindet die Themen-Timeline, sobald das Inhaltsverzeichnis erscheint.

Kann mir jemand bitte helfen, dies zu erreichen? Diese klebende Anzeige wird für meine Benutzer besser sichtbar sein und somit kann sich das CPM verbessern.
@ladydanger @neil, könnt ihr mir helfen?

Vielen Dank im Voraus.

Ich denke, schwebende Anzeigen könnten gegen die Nutzungsbedingungen von Adsense verstoßen. Seien Sie vorsichtig.

Letztes Mal, als ich nachgeschaut habe, waren sie es auch.

Nein, sie verstößen nicht gegen die AdSense-Richtlinien. Ich betreibe seit Jahren eine Website mit einem Google-zertifizierten Partner, und sie haben selbst diese schwebende Anzeige hinzugefügt. Quora macht dasselbe.

Das hast du auch in deinem Beitrag getan. Aber wie bekomme ich die iframe-Version des AdSense-Tags?

Meine schwebenden Anzeigen sind meine eigenen, nicht die von AdSense.

Viele der führenden Nachrichtenseiten zeigen eine feststehende Werbung in der rechten Seitenleiste an, während die Nutzer auf der linken Seite der Seite ihre Nachrichten lesen und nach unten scrollen.

Dazu gehören Forbes, Huffingtonpost, Quora, 9gag, BBC usw.

Kann mir jemand helfen, meinen AdSense-Code innerhalb dieses Ember.js-Codeblocks darzustellen? Ich bekomme Syntaxfehler.

Haben Sie eine Genehmigung für ein klebendes AdSense-Werbeelement, das von Ihrem Vertreter in Ihrem Konto hinterlegt wurde? Ich bin mir sicher, dass die von Ihnen genannten Publisher dies tun – und wir auch –, aber Sie müssen einen Premium-Publisher-Vertrag mit ihnen haben.

Wenn nicht, ist dies einer der schnellsten Wege, um Ihr Konto sperren zu lassen. Nur zur Info… und möglicherweise im Interesse anderer, die dies ebenfalls verfolgen möchten.

@Terrapop ja, ich bin ein Premium-Verleger-Partner von Google. Kannst du mir bitte helfen, mein Problem zu lösen? Ich habe den ganzen Tag versucht, es zum Laufen zu bringen.

Ich bin auch Premium-Partner von Google Ad Exchange.

Außerdem habe ich weitere Werbenetzwerke, sodass ich deren Code ebenfalls in den Sticky einfügen kann. Allerdings sind alle diese Tags JavaScript-basiert und werden im HTML-Code eingefügt. Wenn ich jedoch JS-Tags in EmberJS-Code einfüge, wie in meinem oben genannten Thema, erhalte ich einen Syntaxfehler.

Warum platzierst du nicht einfach ein div mit einer ID über dem Timeline-Container und richtest das Targeting/Verkehr über DFP ein? Insbesondere, da du an dieser Stelle keine responsive Adsense-Einheit, sondern eine Einheit mit fester Größe anzeigen möchtest. Im Werbecontainer wird überhaupt kein JavaScript benötigt. So betreiben wir alle unsere Anzeigen auf Discourse, einschließlich Header Bidding über prebid.js. Andernfalls müsstest du wahrscheinlich ein Plugin entwickeln, da ich nicht weiß, ob es überhaupt möglich ist, über eine Template-Komponente rohe Script-Tags irgendwo einzufügen. Das glaube ich nicht, aber andere haben vielleicht eine bessere Antwort.

Vielen Dank für deinen Vorschlag. Ich habe DFP zwar noch nie verwendet, besitze aber ein Konto bei DFP.
Könntest du mir bitte ein Codebeispiel geben, wie ich ein Div mit einer ID über dem Timeline-Container platziere und über DFP Zielgruppenansprache/Verkehr steuere?

Welche Änderungen müsste ich in den Discourse-Einstellungen und in meinem DFP-Konto vornehmen? Bitte stelle einen Screenshot und einen Codeausschnitt bereit – das wäre sehr hilfreich.

Entschuldige bitte, aber ich habe nicht viel Erfahrung bei der Anpassung des Layouts der Themenseiten oder von Discourse im Allgemeinen. Ich habe es bisher einfach standardmäßig so verwendet, wie es ist. Wenn du mir helfen könntest, wäre das großartig.

Premium AdX-Partner und DFP noch nie benutzt? Wie kann das sein? Ok… :roll_eyes:

Es gibt hier auf Meta jede Menge Anleitungen zum Erstellen von Komponenten. Unsere DFP-Implementierung kann ich euch leider nicht zur Verfügung stellen. Das würde euch nur verwirren, da wir Header Bidding integriert haben, was deutlich komplexer ist als das, was ihr benötigt. Google bietet jedoch sehr detaillierte Dokumentation für eine einfache Einrichtung an; es ist ziemlich grundlegender JavaScript-Code.

Meine Anzeigenetzwerke übernehmen DFP immer für mich, ich nicht.

Du hättest mir ein einfaches Code-Beispiel geben können, ohne deinen persönlichen Code zu teilen. Sag mir einfach, dass ich meinen eigenen Code anstelle deines einfügen werde… Jedes Video-Tutorial oder Code-Beispiele (du kannst deine geheimen DFP-Codes entfernen, das macht mir nichts aus), aber ich möchte verstehen, wie man das macht…?

Habe noch nie gehört, dass Werbenetzwerke DFP für Kunden verwalten. Agenturen ja … aber Werbenetzwerke?

So in etwa… (dies ist kein voll funktionsfähiger Code, es ist noch viel mehr nötig, aber nur zur Verdeutlichung)

<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]);

Aber wenn du diesen Code überhaupt nicht verstehst, musst du dein “Werbenetzwerk” oder deine Agentur bitten, dies einzurichten.

Lass mich das versuchen. Wo platziere ich diesen Code in Discourse? Falls es im ‘after head’ sein soll, aktualisiere bitte den Code so, dass ich ihn in den ‘site head’ einfügen kann, ohne JS- oder Syntaxfehler. Und welche anderen Abhängigkeiten oder Skripte werden benötigt, damit dies vollständig funktioniert?

Nein, das kannst du so nirgends verwenden. Wie bereits gesagt, ist deutlich mehr erforderlich, und da du keine grundlegenden technischen Kenntnisse über DFP, Discourse oder JavaScript hast, bitte jemanden mit der entsprechenden Fähigkeit, dir zu helfen, z. B. in Marketplace.