Platzierung Werbebanner

teletubbi

teletubbi

Bekanntes Mitglied
Lizenzinhaber
Registriert
1. Apr. 2014
Beiträge
143
Punkte
68
Ich benutze den Adserver von XenCentral.

Habe dafür in die page_container 2 hooks eingebaut.

PHP: 
<!-- main content area -->

<xen:hook name="page_container_content_top" />
<br>
<br>
<xen:hook name="banner_block1" />
<br>
<xen:hook name="banner_block2" />
<br>

Das sieht dann so aus:

Screenshot_8.png

Verkleinere ich jedoch das Browserfenster verschiebt sich das erste Banner unter die Navigationsleiste.

Das sieht dann so aus:

Screenshot_9.png

Wo liegt mein Denkfehler damit der Abstand zwischen Banner und Navigationsleiste gewahrt bleibt?
 
Weil ich genau dort 2 verschiedene Blöcke brauche.
 
ad_above_top_breadcrumbs ist der Ort, wo es den Miniaturscreenshots nach liegt.

In diesem Block kannst Du dann auch mit Margin und Padding versuchen das Layout gleichbleibend zu halten. Dort kannst Du auch am einfachsten mittels des responsiven Designs dafür sorgen, dass dir auf Mobilgeräten nicht alles um die Ohren fliegt vom Design her.
 
page_container_breadcrumb_top wäre mein Hook bei meinem Style.
Das ist zwischen breadcrumb und Navigation.

Aber es geht eben nicht.
Ich habe 2 große statische Banner welche im ersten Block liegen.
Sowie 4 kleinere statische Banner welche im zweiten Block liegen.

Benutze ich jetzt nur page_container_breadcrumb_top überlagern die sich.
Es sind also einmal die großen zu sehen und dann wieder die kleinen.

Mal davon abgesehen das mit dem Adserver auch wrapper geliefert werden und ich mich nicht um die Ausrichtung kümmern muss.
 
Du verstehst mich nicht, oder willst mich nicht verstehen.

Bau Deinen Kram einfach mal in das ad_above_top_breadcrumbs template ein und schau es Dir an.
Du brauchst normalerweise kein anderes Template anfassen um Werbung einzubauen, dafür sind viel zu viele Plätze vorbereitet.
 
Ich verstehe dich schon.
Nur ich will die Banner nicht direkt in die Template einbauen.

Deshalb habe ich mir ja den Adserver gekauft.
Da wird das mit den Bannern zentral gesteuert.
Also Laufzeit der einzelnen Banner, wo im Forum erscheinen die, wie wird bezahlt, wie sind die Klicks, Benachrichtigung der Bannerkunden bei Ablauf, die Möglichkeit das Bannerkunden selber Banner hochladen können zu publik slots usw.

Das habe ich nicht wenn ich direkt im Template arbeite.

Ich habe, dir zuliebe, mal deinen Hook benützt und testweise 4 Banner dort platziert.
Wohl gemerkt wir reden über die Benutzung des AD Server und nicht über die Template an sich.

Screenshot_10.png

Nach Aktualisierung der Seite sieht man dann die nächsten Banner.

Screenshot_11.png

Sicher könnte ich diese 4 Banner in diesem Template vernünftig einbauen aber das entspricht nicht dem was ich möchte.
Bei dieser Vorgehensweise wäre der administrative Aufwand die einzelnen Banner zu verwalten, da unterschiedliche Laufzeiten, einfach zu hoch.
 
..schau mal bei mir
ich habe die Banner oben rechts mit Adserver von Xencentral
ist vielleicht eine Alternative für Dich?!
 
Danke, aber nicht wirklich.
An diesem Platz befinden sich weitere Banner in der Rotation.
Diese erscheinen auch in jedem Thread unter dem ersten Beitrag.

Die anderen Banner hier sind statisch und sollen immer gesehen werden.
Das sind eben verschiedene Buchungsmöglichkeiten für die sich die Kunden entscheiden können.

Screenshot_1.png
 
teletubbi schrieb:
Ich verstehe dich schon.
Nur ich will die Banner nicht direkt in die Template einbauen.
Zum Vergrößern anklicken....
Aber Hooks in den Page Container?

Warum fügst du nicht den Code vom AdServer in das Template ad_ ein?

Wie bekommst du denn sonst den Code in die Hooks?
 
Da brauche ich mich gar nicht drum kümmern.
Das macht alles der AdServer.

Ich erstelle eine Zone wo ich das Banne gerne hätte.
Hier die normalen Xenforo Hooks.

Screenshot_2.png

Hier die Custom Hooks

Screenshot_3.png

Und hier erstelle ich dann das Banner dafür.

Screenshot_4.png

Danach ist es dort sichtbar wo ich es möchte.
Vorausgesetzt die Hooks existieren. Deshalb sind sie ja da wo sie sind.
 
OK, schlechtes Tool wenn es nicht mal die Plätze nutzten kann, die XF vogibt und speziell dafü zur Verfügung stehen.

Zurück zum Thema, warum die Banner nicht passen:

Ohne den Code den das Tool erstellt, kann man das schlecht sagen.

Grundsätzlich ist aber der erste Fehler schon einmal, das du versuchst mit <br /> Tags (und bei dir fehlt das schliessende Tag, vbr ist selbstschliessend, muss also in der Notation <br /> geschrieben werden) Abstände einzubauen. Da fehlt dir ein wenig das Grundsatzverständnis von HTML.

Bau jedes Banner in ein Div Element ein, gib diesem eine Klasse oder eine ID, und dann kannst du alles mit CSS wie du es magst anpassen. Dann klappt das auch.

Du musst aber aufpassen, wie der Fluß der Umgebenden DIV Container ist.

Ich an deiner Stelle würde beim Entwickler die Unterstützung der ad_ Templates anfordern, denn dann wäre das deutlich sicherer.
 
Hoffi schrieb:
OK, schlechtes Tool wenn es nicht mal die Plätze nutzten kann, die XF vogibt und speziell dafü zur Verfügung stehen.
Zum Vergrößern anklicken....

Kann es ja und noch viel mehr.

Screenshot_5.png


Hoffi schrieb:
Grundsätzlich ist aber der erste Fehler schon einmal, das du versuchst mit <br /> Tags (und bei dir fehlt das schliessende Tag, vbr ist selbstschliessend, muss also in der Notation <br /> geschrieben werden) Abstände einzubauen. Da fehlt dir ein wenig das Grundsatzverständnis von HTML.
Zum Vergrößern anklicken....

Da hast du mich erwischt.

Hoffi schrieb:
Bau jedes Banner in ein Div Element ein, gib diesem eine Klasse oder eine ID, und dann kannst du alles mit CSS wie du es magst anpassen. Dann klappt das auch.
Zum Vergrößern anklicken....

Das möchte ich ja gerade vermeiden da das über meine Kenntnisse hinausgeht und ich mir nicht mehr Arbeit machen möchte als unbedingt nötig.
Ausserdem weiß ich nicht wie es sich danach mit den Automatisierten Abläufen verhält.
Wie gesagt es gibt im Frontend die Möglichkeit für Banner Kunden selber Banner hochzuladen, zu bezahlen, die Laufzeit festzulegen usw.

Das alles ohne mein zutun.

Hier der Code der erzeugt wird.
Es wird also in ein Div gepackt.

Die obere Zeile ist für meinen ersten Hook, die zweite dann für den zeiten Hook.

PHP: 
<div class="pageContent">
            <!-- main content area -->
          
          
<br>
<br>
<div style="text-align:center"><span class="zoneWrapperInternal" id="zone274062"><span class="zone3"><a href="http://xxxxx/index.php?ads/redirect&amp;bannerId=11&amp;url=http%3A%2F%2Fwww.checkin-tour.de%2F&amp;skipZone=0" target="_blank"><img src="http://thai.no-ip.org/banners/54c8be3b6da34/joe.gif" alt="Check in Tour &amp; Travel 8" "width="468px&quot;" "height="60px&quot;" border="0" style="max-width:100%;"></a><a href="http://xxxxx/index.php?ads/redirect&amp;bannerId=39&amp;url=http%3A%2F%2Fwww.smurfbar.com&amp;skipZone=0"><img src="http://xxxxxxx/banners/54cc82bbea74b/smurfbar_bl.gif" alt="test" title="test"></a></span></span><script id="script_zone274062" type="text/javascript" src="index.php?ads/delivery&amp;randomId=zone274062&amp;zones=3&amp;requestId=54d89fc53b034" defer=""></script></div>
<br>
<div style="text-align:center"><span class="zoneWrapperInternal" id="zone852541"><span class="zone5"><a href="http://xxxxx/index.php?ads/redirect&amp;bannerId=40&amp;url=http%3A%2F%2Fwww.vanvaras-deutschschule.com%2F&amp;skipZone=0" target="_blank"><img src="http://thai.no-ip.org/banners/54cc8b3cdb736/Susi_Visum.gif" alt="Vanvaras Deutschschule" title="Vanvaras Deutschschule"></a><a href="http://xxxxxx/index.php?ads/redirect&amp;bannerId=41&amp;url=pattayaforum.net&amp;skipZone=0"><img src="http://xxxxxx/banners/54cc8bb3e1266/sponsorplatz1-4.png" alt="Frei" title="Frei"></a><a href="http://xxxxxxx/index.php?ads/redirect&amp;bannerId=42&amp;url=http%3A%2F%2Fxxxxxxx%2Fforum%2Fshowthread.php%3F25770-und-ich-habe-es-wieder-getan%21%21Bar-gekauft&amp;skipZone=0"><img src="http://xxxxxx/banners/54cc8c2a8dd00/Lovers-Lane.gif" alt="Lovers Lane" title="Lovers Lane"></a><a href="http://xxxxxx/index.php?ads/redirect&amp;bannerId=43&amp;url=http%3A%2F%2Fchili-bar.com&amp;skipZone=0" target="_blank"><img src="http://xxxxxx. Dieser kann eventuell diese oder andere Webseiten nicht richtig darstellen.<br />Du solltest deinen Browser aktualisieren oder einen <a href="https://www.google.com/chrome/" target="_blank">alternativen Browser</a> verwenden.</p>
                        <![endif]-->
 
Das ist invalider HTML Code der erzeugt wird.
Vor den width und height Angaben im ersten img-Tag sind Anführungszeichen.
Ebenfalls im img Tag in der Zweiten Reihe wo asl SRC Angabe Text enthalten ist inkl. Anführungszeichen.

Das was das Tool generiert ist Murks.
Oder du hast beim Kopieren zu viel rausgeschnitten.

Aber wenn das Tool nun die Ad-Templates anbietet, warum nutzt du sie nicht?

Oder bau zumindest die Hooks in das ad_Template ein, das wird bei Updates nicht angefasst. Somit hast du weniger Last bei Updates.
 
Die hooks werden über das TMS eingefügt.
Dürfte also nicht viel passieren.

Wenn du dir meine Platzierung der Banner ansiehst erreiche ich damit genau das was ich möchte.
Die sollen im freien Raum über der Sidebar liegen.
Die anderen bringen die immer neben die Sidbar. Möchte die aber über die ganze Fläche vermittelt haben.

Screenshot_6.png

Hoffi schrieb:
Oder du hast beim Kopieren zu viel rausgeschnitten.
Zum Vergrößern anklicken....

Möglich da nur auf die schnelle.
 
teletubbi schrieb:
Ich verstehe dich schon.
Nur ich will die Banner nicht direkt in die Template einbauen.
Zum Vergrößern anklicken....

Ne, tust Du nicht.

Das was Du ins page_cpontainer template einabaust, kannst Du auch ins Ad- Template einbauen. Die Dinger haben auch alle Hook Namen.
 
Dann nimmt man das ad_header template, das erstreckt sich über die ganze länge.

Dann hast du all die Probleme beim Ausrichten deines Layouts vermutlich nicht. Vor allem fliegt Dir die Seite dann nicht auf Mobilgeräten um die Ohren. Wobei, ich vermute wohl eher doch......aber das liegt dann nicht an Xenforo.
 
ad_header schmeisst die komplett nach oben.
Da will ich die doch gar nicht haben.

Es funktioniert ja so wie ich es möchte.
Nur bei dem einen Style verrutscht es beim verkleinern unter die Navileiste.

Übrigens wird die Seite nicht zerschossen auf Mobilgeräten.

Iphone
iphone.png
Ipad
Ipad.png
Samsung S4
samsungs4.png
Samsung Tab
samsung tab.png
 
@teletubbi Was nutzt du denn da für ein Programm um die Mobilgeräte zu simulieren?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben