Difference between revisions of "Banner"

From Contao Community Documentation

m (Front end)
m
 
(53 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
'''''I'm not a native English speaker. Please correct my mistakes.'''''<br /><br />
 
'''''I'm not a native English speaker. Please correct my mistakes.'''''<br /><br />
{{stub}}
 
 
A banner advertisement module with a simple form of weighting.<br />
 
A banner advertisement module with a simple form of weighting.<br />
 
In Backend you can see banner view and banner click statistics. (System Menu)<br />
 
In Backend you can see banner view and banner click statistics. (System Menu)<br />
Line 8: Line 7:
 
The amount of time to block the view count can be changed.<br />
 
The amount of time to block the view count can be changed.<br />
 
<br />
 
<br />
By using the module "[[Bot Detection |Bot Detection]]" requests from bots and search engines are not counted.
+
By using the module "[[Bot Detection |Bot Detection]]" requests from bots and search engines are not counted.<br />
 +
<br />
 +
In the module directory is located in the file '''mod_banner_fe.css''' some CSS sample data. These can be included in the layout or you can import the file and activate this in the layout.
 +
 
 +
{{Hint|This page is no longer updated by the developer.
 +
The current manual for the extension Banner can be found here: [http://docs.contao.ninja/en/banner.html docs.contao.ninja]}}
  
 
{{ExtInfo
 
{{ExtInfo
 
| Dev=Glen Langer ([[User:BugBuster|BugBuster]])
 
| Dev=Glen Langer ([[User:BugBuster|BugBuster]])
| DevSite=http://www.contao.glen-langer.de
+
| DevSite=http://contao.ninja
| ExtVersion=2.0.0  
+
| ExtVersion=3.5.0
 
| Version=from 2.9
 
| Version=from 2.9
 
| TLVersion=2.6.2 - 2.8.4 (see installations notes)
 
| TLVersion=2.6.2 - 2.8.4 (see installations notes)
| Depending=[[Bot Detection|Bot Detection]]
+
| Depending=[[Bot Detection|Bot Detection]],[[xls_export|Excel 95 writer (xls_export)]]
 
| ERLink=http://www.contao.org/extension-list/view/banner.en.html
 
| ERLink=http://www.contao.org/extension-list/view/banner.en.html
| DonateLink=http://www.amazon.de/wishlist/26HHEJOU03G76
+
| TrackerLink=https://github.com/BugBuster1701/banner/issues
| TrackerLink=http://dev.typolight-forge.org/projects/banner/issues
+
| VCSLink=https://github.com/BugBuster1701/banner
| Comment=Version for Contao 2.9.0 online
+
| Comment=Version for Contao 3.4 online
 
}}
 
}}
 
[[de:Banner]]
 
[[de:Banner]]
Line 26: Line 30:
  
 
=Forum=
 
=Forum=
Questions about the Visitors module will be answered in forum: [http://www.typolight-community.org/viewforum.php?f=21 Forum]
+
Questions about the Visitors module will be answered in forum: [http://www.contao-community.org/viewforum.php?f=21 Forum]
 
<br />
 
<br />
Errors and requests can be reported in the [http://dev.typolight-forge.org/projects/banner/issues Issue Tracker].
+
Errors and requests can be reported in the [https://github.com/BugBuster1701/banner/issues Issue Tracker].
 
<br />
 
<br />
 +
 +
=Translations=
 +
Translations can be performed on [https://www.transifex.com/projects/p/contao-banner/ Transifex]
 +
 
=Installation=
 
=Installation=
 
The installation of the module occurs about the extension Repository in back end of Contao.<br />
 
The installation of the module occurs about the extension Repository in back end of Contao.<br />
Line 35: Line 43:
 
A directory should have been created "/system/modules/banner".<br />
 
A directory should have been created "/system/modules/banner".<br />
 
Then call /contao/install.php - Perform Update Database.<br />
 
Then call /contao/install.php - Perform Update Database.<br />
( /typolight/install.php in older TYPOlight installations )<br /><br />
+
<br />
<span style="color:red">'''''The module Banner is dependent on the module "[[Bot Detection|Bot Detection]]". It must therefore be installed with manual installation.'''''</span>
+
<span style="color:red">'''''The module Banner is dependent on the modules "[[Bot Detection|Bot Detection]]" and "[[xls_export|Excel 95 writer (xls_export)]]". They must therefore be installed with manual installation.'''''</span>
  
 
<br />
 
<br />
Line 71: Line 79:
  
 
===Banner Statistic===
 
===Banner Statistic===
[[File:Banner_en_backend_bannerstatistik.jpg|Back end module Banner Statistic]]
+
[[File:Banner_en_backend_bannerstatistic.jpg|Back end module Banner Statistic]]
  
 
==Front end==
 
==Front end==
  
 
===Display a banner===
 
===Display a banner===
[[File:Banner_en_frontend_ein_banner.jpg|Front end module Banner]]
+
[[File:Banner_en_frontend_one_banner.jpg|Front end module Banner]]
 
# Module Headline
 
# Module Headline
 
# Banner Image
 
# Banner Image
Line 86: Line 94:
 
===Display all Banner===
 
===Display all Banner===
 
With 'all Banner' is meant here, all banners in the selected category.<br />
 
With 'all Banner' is meant here, all banners in the selected category.<br />
[[File:Banner_en_frontend_alle_banner.jpg|Front end all banner|left]]
+
[[File:Banner_en_frontend_all_banner.jpg|Front end all banner|left]]
 
In this example, 3 banners have been defined, <br />
 
In this example, 3 banners have been defined, <br />
# Grafic Banner
+
* Graphic Banner
# Flash Banner
+
* Flash Banner
# Text Banner<br /><br />
+
* Text Banner<br /><br />
 
More details about this see under "[[Banner#Using|Using]]" or "[[Banner#Technical_Details|Technical Details]]".
 
More details about this see under "[[Banner#Using|Using]]" or "[[Banner#Technical_Details|Technical Details]]".
 
<br style="clear: both" />
 
<br style="clear: both" />
  
 
=Using=
 
=Using=
Als erstes legt man über den Menüpunkt Banner eine neue Banner Kategorie an. In dieser dann die Banner.<br />
+
The first one creates a new banner category via the menu item "banner". In this then the banners.
Danach legt man ein Frontend Modul an und baut es in das Layout ein der Seite.<br />
+
Then, create a front end module and build it into the layout of the page.
Hier nun die einzelnen Schritte, jeweils mit den Default Angaben. Feinheiten werden [[Banner#Feinheiten|später erklärt]].
+
Here are the steps, each with the default values. [[Banner#Technical_Details|Technical details]] will be explained later.
  
==Anlegen einer Kategorie==
+
==Create the category==
Um eine neue Banner Kategorie zu erstellen, klickt man links im Backend unter 'Inhalte' auf 'Banner'. Im Hauptbereich dann auf den Button 'Neue Kategorie'.
+
To create a new category, just click on the left in the back end in 'content' to 'Banner'. In the main area click on the button 'New category'.
[[Datei:Banner_de_backend_kategorie_neu.jpg|Neue Banner Kategorie anlegen]]
+
[[File:Banner_en_backend_category_new.jpg|New Banner Category]]
  
Am Anfang reicht es einen Kategorie Namen anzugeben, anschließend klickt man auf "Speichern und Schließen".<br />
+
There, enter the name of the category. The front end module will later use this name. Then you click on "Save and close".<br />
Nun ist man in der Kategorie Übersicht. Durch Klick auf den Bleistift in der Zeile der Kategorie und nochmaligem Klick auf den Bleistift im Kopf der Kategorie gelangt man wieder zu den Einstellungen der Kategorie.
+
Now you can see the category overview. By clicking on the pencil in the line of the category and repeated clicking on the pencil in the head of the category you return to the settings of the category.
  
==Anlegen der Banner==
+
==Create the banners==
Aus der Kategorie Übersicht klickt man nun auf Edit (Bleistift) der Kategorie.<br >
+
In the category list now clicking on Edit (pencil) of the category.<br >
Dort entweder auf 'Banner neu' und dann das Pfeil Symbol oder auf das Plus im Kopf der Kategorie:<br />
+
Now, either click the 'New Banner' and then the arrow icon, or click the plus in the head of the category: <br >
[[Datei:Banner_de_backend_banner_neu.jpg|Einen neuen Banner anlegen]]
+
[[File:Banner_en_backend_banner_new.jpg|New Banner]]
  
Als erstes muss nun die Banner Quelle gewählt werden:
+
First they must select the banner source:
* interner Banner (Grafik / Flash Dateien liegen auf dem Server)
+
* internal Banner (Graphic / Flash files  is stored on server)
* externer Banner (Grafik / Flash Dateien werden über URL eingebunden)
+
* external Banner (Graphic / Flash files are integrated via URL)
 
* Text Banner
 
* Text Banner
 
<br>
 
<br>
Bei der Auswahl kommen die entsprechenden passenden Formularfelder dafür.
+
After selecting it appear the appropriate form fields.
  
===Grafik Banner===
+
===Graphic Banners===
 
# Banner Name
 
# Banner Name
#* Der Banner Name wird in der Banner Übersicht angezeigt und im mitgelieferten Template unterhalb der Banner Grafik angezeigt.
+
#* The banner name will be displayed in the Banner overview and in the provided template appears below the banner graphic.
# Banner Gewichtung
+
# Banner weighting
#* Damit kann die Häufigkeit der Anzeige gesteuert werden. Je höher die Gewichtung desto häufiger wird dieser Banner angezeigt.
+
#* This controls the display frequency of the banners. The higher the priority, the more often this banner is displayed.
# Banner Ziel URL
+
# Banner target URL
#* Die URL des Zieles bei Klick auf die Banner Grafik. Die Eingabe muss inklusive http:// erfolgen.  
+
#* The URL of the target by clicking on the banner graphic. The input must include "http://".
#* Kein Pflichtfeld.  
+
#* Optional field.  
#* Ohne URL wird die Banner Grafik ohne Verlinkung angezeigt.
+
#* Without a URL, the banner will be displayed without a link.
#* Alternative kann auch ein internes Ziel ausgewählt werden (Banner Ziel Seite )
+
#* Alternative can be selected an internal target (Banner target page)
# Banner Datei
+
# Banner Image
#* Hier kann nun die Datei ausgewählt werden.
+
#* Here you can now select the banner file.
# Banner Breite und Höhe
+
# Banner width and height
#* Um die Bannergröße anzupassen, kann man hier die Bannerbreite und/oder die Bannerhöhe in Pixel angeben.
+
#* To customize the banner size, you can specify the banner width and / or the banner height in pixels.
#* '''ACHTUNG''': Animierte GIFs werden bei Größen-Angaben durch die GD-Neuberechnung leider zum Standbild.
+
#* '''CAUTION''': Animated GIFs are for size definitions through the GD recalculation unfortunately to still images.
# Banner Kommentar
+
# Banner Comment
#* Die erste Zeile wird als "title" Tag im HTML Quellcode eingebaut und angezeigt, wenn man den Mauszeiger über die Banner Grafik bewegt.
+
#* The first line will be installed and displayed as a "title" tag in the HTML source code if you move the cursor over the banner graphic.
# Veröffentlicht
+
# Published
#* Solange diese Option nicht aktiviert ist, wird dieser Banner nicht für die Anzeige berücksichtigt.
+
#* If this option is not selected, this banner is not displayed.
  
 
===Flash Banner===
 
===Flash Banner===
 
# Banner Name
 
# Banner Name
#* Der Banner Name wird nur in der Banner Übersicht angezeigt.
+
#* The banner name will be displayed only in the Banner overview.
# Banner Gewichtung
+
# Banner weighting
#* Damit kann die Häufigkeit der Anzeige gesteuert werden. Je höher die Gewichtung desto häufiger wird dieser Banner angezeigt.
+
#* This controls the display frequency of the banners. The higher the priority, the more often this banner is displayed.
# Banner Ziel URL
+
# Banner target URL
#* Die URL des Zieles bei Klick auf den Flash Banner. Die Eingabe muss inklusive http:// erfolgen.  
+
#* The URL of the target by clicking on the Flash Banner. The input must include "http://".
#* Kein Pflichtfeld.  
+
#* Optional field.
#* Ohne URL wird der Flash Banner ohne Verlinkung angezeigt.
+
#* Without a URL, the Flash Banner will be displayed without a link.
#* Alternative kann auch ein internes Ziel ausgewählt werden (Banner Ziel Seite )
+
#* Alternative can be selected an internal target (Banner target page)
# Banner Datei
+
# Banner Image
#* Hier kann nun die Datei ausgewählt werden.
+
#* Here you can now select the banner file.
# Banner Breite und Höhe
+
# Banner width and height
#* Um die Bannergröße anzupassen, kann man hier die Bannerbreite und/oder die Bannerhöhe in Pixel angeben.
+
#* To customize the banner size, you can specify the banner width and / or the banner height in pixels.
# Banner Kommentar
+
# Banner Comment
#* Eingabe nicht nötig, wird im Frontend nicht verwendet,
+
#* Input is not necessary, is not used in the front end
# Veröffentlicht
+
# Published
#* Solange diese Option nicht aktiviert ist, wird dieser Banner nicht für die Anzeige berücksichtigt.
+
#* If this option is not selected, this banner is not displayed.
 +
 
 +
A flash fallback to an image file is available, see the section [[Banner#Flash_Fallback_Image|Technical Details]]
  
 
===Text Banner===
 
===Text Banner===
 
# Banner Name
 
# Banner Name
#* Der Banner Name wird in der Banner Übersicht angezeigt und im mitgelieferten Template als Überschrift, die gleichzeitig mit der Ziel URL verlinkt wird.
+
#* The banner name will be displayed in the Banner overview and in the provided template as a headline that is linked simultaneously with the target URL.
# Banner Gewichtung
+
# Banner weighting
#* Damit kann die Häufigkeit der Anzeige gesteuert werden. Je höher die Gewichtung desto häufiger wird dieser Banner angezeigt.
+
#* This controls the display frequency of the banners. The higher the priority, the more often this banner is displayed.
# Banner Ziel URL
+
# Banner target URL
#* Die URL des Zieles bei Klick. Die Eingabe muss inklusive http:// erfolgen. Kein Pflichtfeld.  
+
#* The URL of the target by clicking. The input must include "http://".  
#* Ohne URL wird der Banner ohne Verlinkung angezeigt.  
+
#* Optional field.
#* Im mitgelieferten Template wird nur die Domain als Kurzform angezeigt. (3. Zeile, siehe Bild weiter oben)
+
#* Without a URL, the Text Banner will be displayed without a link.
# Banner Kommentar
+
#* in provided template only the domain is shown as a short form. (Third row, see picture above)
#* Dies wird die Textzeile. (2. Zeile, siehe Bild weiter oben)
+
# Banner Comment
# Veröffentlicht
+
#* This is the text line. (Second row, see picture above)
#* Solange diese Option nicht aktiviert ist, wird dieser Banner nicht für die Anzeige berücksichtigt.
+
# Published
 +
#* If this option is not selected, this banner is not displayed.
  
==Frontend Modul==
+
==Front end module==
Ein neues Frontend Modul wird angelegt über:<br />
+
A new front-end module is create with: <br />
* Layout -> Themes -> Frontend Module -> Neues Modul (Contao ab 2.9)
+
* Layout -> Themes -> Modules -> Add module (Contao 2.9 and newer)
* Layout -> Module -> Neues Modul (TYPOlight bis 2.8.x)
+
* Layout -> Modules -> Add module (TYPOlight 2.8.x)
 
<br />
 
<br />
Als erstes unbedingt '''zuerst den Titel eingeben''', erst dann bei Modultyp: ''Verschiedenes -> Banner'' auswählen.
+
Be sure to '''first enter the title''', then selecting for module type:''Miscellaneous -> Banner''.
Es ändern sich nun die Formularfelder.<br />
+
Now the form fields change accordingly.<br />
Bei 'Banner Kategorien' nun die vorher angelegt Kategorie auswählen, anschließend 'Speichern und Schließen'.<br />
+
In 'Banner Categories' select the previously created category, then 'Save and Close'.<br />
 
<br />
 
<br />
Nun muss das angelegte Frontend Modul noch im Layout eingebunden werden:<br />
+
Now, the front end module must be included in the layout: <br />
* Layout -> Themes -> Seitenlayout -> Edit des genutzte Layouts (Contao ab 2.9)
+
* Layout -> Themes -> Layout -> Edit the used layout (Contao 2.9 and newer)  
* Layout -> Seitenlayout -> Edit des genutzte Layouts (TYPOlight bis 2.8.x)
+
* Layout -> Page layout -> Edit the used layout (TYPOlight 2.8.x)  
Bei 'Eingebundene Module' das gerade erstellte Frontend Modul einbinden (z.b in left)
+
Include in 'Included modules' the just-created front end module (e.g. to left)
 +
 
 +
==CSS-File==
 +
For the first tests you should copy the provided file mod_banner_fe.css from /system/modules/banner to /tl_files . Then import them over the back end and activate it in the layout.
  
 
=Technical Details=
 
=Technical Details=
Feinheiten sind einstellbar in der Kategorie, im Banner selbst sowie im selbst angelegtem Frontend Modul.
+
Technical details are inside of the category, in the banner denifinition and in the constructed front end module feasible / adjustable.  
  
 
==Technical Details in the Category Definition==
 
==Technical Details in the Category Definition==
===Anzeige Definition===
+
===Number of banners===
* Alle Banner anzeigen
+
* Show all banners
Wenn diese Option gewählt ist, werden alle aktiven Banner der Kategorie angezeigt im Frontend, statt nur eines.<br />
+
If you choose this option, all active banners will be showed in front end.<br />
Zusätzlich kann dann noch ausgewählt werden:
+
In addition, you can choose:
* Zufällige Reihenfolge
+
* Limiting the number of banners
Nun werden die Banner zusätzlich in zufälliger Reihenfolge angezeigt.
+
Here, the number can be limited. Default is 0: show all banners, otherwise maximum number of banners that will be showed.
 +
* Random order
 +
If you choose this option, the banners will shown in a random order.
 +
* Protect the statistic
 +
Show the banner statistic for this category to certain user groups only. Administrators have unlimited access to all banner statistics.
  
==Feinheiten in der Banner Definition==
+
==Technical Details in the Banner Definition==
 +
===Flash Fallback Image===
 +
If a browser does not support Flash or JavaScript is disabled, an image can be displayed instead (since version 2.2.0). At a local (internal) flash file, in the same path is searched for an image file with the same name but with the ending jpg, png or gif.<br />
 +
Example: for "myflash.swf" would be a fallback image: "myflash.jpg"<br />
 +
Was found a replacement image, the image is displayed. If necessary, the image is converted to the dimensions of the flash file.
  
===Begrenzung mittels Start- Stop- Datumsangaben und Uhrzeit===
+
===Display limitation by Start / Stop dates and times===
* Anzeigen ab
+
* Show from
** Wenn man hier Datum mit Uhrzeit erfasst, wird dieser Banner erst ab diesem Zeitpunkt angezeigt.<br />Die gesetzte Uhrzeit kann überschrieben werden. Beispiel: 24.12.2007 20:15
+
** If you enter a date and time value here the current banner will not be shown on the website before this moment.
* Anzeigen bis
+
* Show until
** Wenn man hier Datum mit Uhrzeit erfasst, wird dieser Banner nur bis zu diesem Zeitpunkt angezeigt.<br />Die gesetzte Uhrzeit kann überschrieben werden. Beispiel: 24.12.2007 23:59
+
** If you enter a date and time value here the current banner will not be shown on the website after this moment.
  
===Begrenzung der Views / Klicks===
+
===Limiting the number of Views and Clicks===
* Begrenzung der Views und Klicks
+
* Limiting the number of Views and Clicks
Wenn man diese Option wählt, können in zwei weiteren Feldern eine maximale View Anzahl und/oder maximale Klick Anzahl definiert werden.
+
If you select this option, you can define a maximum number of views and/or maximum number of clicks.
* Begrenzung der View Anzahl
+
* Limiting the number of Views
** Wenn man hier eine Zahl eingibt, wird dieser Banner nach dieser Anzahl von Views nicht mehr angezeigt.<br />Die Option "Begrenzung der Views und Klicks" muss dabei aktiviert bleiben.
+
** By entering a number, the current banner is no longer displayed after this number of views.<br />The "Limiting the number of Views and Clicks" has enabled it to stay.
* Begrenzung der Klick Anzahl
+
* Limiting the number of Clicks
** Wenn Sie hier eine Zahl eingeben, wird dieser Banner nach dieser Anzahl von Klicks nicht mehr angezeigt.<br />Die Option "Begrenzung der Views und Klicks" muss dabei aktiviert bleiben.
+
** By entering a number, the current banner is no longer displayed after this number of clicks.<br />The "Limiting the number of Views and Clicks" has enabled it to stay.
  
==Feinheiten in der Frontend Modul Definition==
+
===Filter Domain===
 +
If you enter a domain name, this banner is used only for this domain.If you leave the field empty, this banner is used for all domains. Example: '''yourdomain.com'''<br />
 +
<br />
 +
The banner will be displayed, if matches the domain. But also in partial match starting from the right. So also with access via "'''sub.yourdomain.com'''" .An entry in "Site structure" - "Domain Name" is not required for the filtering.
 +
 
 +
==Technical Details in the Front end Module Definition==
 +
 
 +
===First banner for new visitor===
 +
For each new visitor, at first is displayed the first published banner in the category. The choice is then returned to random mode. Thus, a kind of recognition can be achieved.
  
 
===Templates===
 
===Templates===
Jedem Frontend Modul kann per Auswahl ein Template zugeordnet werden. Zur Auswahl stehen 2 Templates. <br />
+
Each module can be assigned its own Template. Two different templates are included. <br />
 
* mod_banner_list_all
 
* mod_banner_list_all
** Liefert alle Felder die möglich sind
+
** All fields are included.
 
* mod_banner_list_min
 
* mod_banner_list_min
** Hier sind die Überschrift und der Name (unter dem Bild) entfernt worden, es wird also nur das Banner selbst angezeigt.
+
** The headline and name were removed. It will only display the banner itself.
  
Beide Templates unterstützen auch Textbanner.<br />
+
Both templates also support text banners.<br />
Es können eigene Templates erstellt werden. Diese müssen als Dateiname anfangen mit "mod_banner_list_" und die Endung ".tpl" haben. Beispiel: "mod_banner_list_special.tpl"
+
For own Templates, the template files must start with "mod_banner_list_" and end with ".xhtml" / ".html5".
 +
Example: "mod_banner_list_special.html5"
  
{{Hinweis|In Banner Version 1.x ist diese Auswahl noch im Bereich der Banner Kategorie möglich.}}
+
{{Note|In Banner Version 1.x this selection is located in the banner category.}}
 
<br />
 
<br />
  
===Selbstzählung verhindern===
+
===Prevention of counting their own requests===
Es gab einige Ideen, wie man noch verhindern kann, eigene Zugriffe nicht zu zählen. Besonders, wenn man mit dynamischen IPs ankommt.
+
You can set a custom UserAgent String in your browser and in the banner modul configuration.
Hier ist nun eine Möglichkeit umgesetzt, dieses über einen angepassten User Agent String des Browsers zu tun.
+
 
<br /><br />
 
<br /><br />
Über:  
+
Via:  
* Layout -> Themes -> Frontend Module -> Modul Name (Contao ab 2.9)
+
* Layout -> Themes -> Modules -> Modul Name (Contao 2.9 and newer)
* Layout -> Module -> Modul Name (TYPOlight bis 2.8.x)
+
* Layout -> Modules -> Module Name (TYPOlight 2.8.x)
vom angelegtem Banner Modul kann im neuem Feld "Keine Zählung bei HTTP_USER_AGENT Teilkennung:" einen String eingegeben werden, dieser sollte eindeutig sein.<br />
+
In the applied banners module in the new field "No counting for this HTTP_USER_AGENT partial identifier" , a string is entered, it should be unique.<br />
Beispiel: CTISOK<br />
+
Example: CTISOK<br />
Es sind, wozu auch immer, auch mehrere Strings dort möglich, diese dann durch Komma getrennt eingeben.<br />
+
Save it.<br />
Im Firefox ergänzt man nun den Agent String wie folgt:<br />
+
Several strings are also possible, then enter them separated by commas.<br />
<br />
+
So you can change the User Agent String of Mozilla Firefox: <br />
# Tippe '''about:config''' in der Adresszeile ein und drücke ENTER
+
# Tippe '''general.useragent.extra.firefox''' in der Filter Zeile
+
# Doppelklick auf die gefunde Zeile
+
# Hier nun den Beispiel String von oben mit Leerzeichen getrennt anhängen, OK
+
 
+
z.B. wird so aus "Firefox/3.5.2" nun "Firefox/3.5.2 CTISOK"<br />
+
<br />
+
Die Kennung kann man sich dann durch Eingabe von '''about:''' + Enter anzeigen lassen. (letzte Zeile)<br />
+
 
<br />
 
<br />
Weitere Browser sind hier erläutert (eng):
+
# use Add-on: User Agent Switcher
[http://www.walkernews.net/2007/07/05/how-to-change-user-agent-string/ walkernews.net - how to change user agent string]
+
# insert your own user agent string and change then the string
 +
# Add her "CTISOK" separated by space, e.g. "Firefox/35.0.1 CTISOK".
  
=Tutorials=
+
=Specific feature=
==Bot Detection abschalten==
+
==Bot Detection off==
Wer die Zugriffe von Bots und Suchmaschinen auf die Banner mitzählen möchte, kann die Bot Detection abschalten. Das geht allerdings nicht über das Backend sondern muss über die localconfig.php passieren.
+
Who wants to count the hits from bots and search engines on the banners can switch off the bot detection. This is done by the file localconfig.php.
{{Achtung|Das gilt dann für alle Banner Module falls mehrere Frontend Module angelegt wurden!}}
+
{{Caution|This applies to all Banner modules when several front end modules have been created!}}
Folgender Eintrag ans Ende der localconfig.php (nach: ### INSTALL SCRIPT STOP ### ) bewirkt das Ausschalten:<br />
+
The following entry to the end of localconfig.php (after: ### INSTALL SCRIPT STOP ### ) switching off the bot detection:<br />
 
<source lang="php">
 
<source lang="php">
 
$GLOBALS['TL_CONFIG']['mod_banner_bot_check'] = false;
 
$GLOBALS['TL_CONFIG']['mod_banner_bot_check'] = false;
Line 262: Line 285:
 
<br />
 
<br />
  
==Banner Block Time für Views ändern==
+
==Change Banner Block Time for Views==
Wie ganz am Anfang geschrieben, wird ein Banner der mehrmals innerhalb von 10 Minuten angezeigt wird, nur einmal gezählt.<br />  
+
As written in the beginning, when a banner is displayed multiple times within 10 minutes (C3: 5 minutes), this banner is only counted once.<br />  
Durch einen Eintrag in der localconfig.php kann man das ändern, Angaben dort erfolgen in Minuten, dabei muss die Zahl > 0 sein, sonst wird automatisch wieder der Defaultwert (10) genommen.
+
With an entry in the localconfig.php can change that. The values be there in minutes, the number must be> 0, otherwise will be automatically taken back to the default value (10).
{{Achtung|Das gilt dann für alle Banner Module falls mehrere Frontend Module angelegt wurden!}}
+
{{Caution|This applies to all Banner modules when several front end modules have been created!}}
Folgender Eintrag ans Ende der localconfig.php (nach: ### INSTALL SCRIPT STOP ### ) bewirkt eine Änderung auf 5 Minuten:<br>
+
The following entry to the end of localconfig.php (after ### INSTALL SCRIPT STOP ### ) causes a change to 5 minutes:<br>
 
<source lang="php">
 
<source lang="php">
 
$GLOBALS['TL_CONFIG']['mod_banner_block_time'] = 5;
 
$GLOBALS['TL_CONFIG']['mod_banner_block_time'] = 5;
Line 272: Line 295:
 
<br />
 
<br />
  
==Sonderfall: Keine aktiven Banner und kein Standard Banner definiert==
+
==Exception: No active banners defined and no default banner defined==
Wenn in diesem Fall auch "Ausblenden wenn leer" nicht aktiviert ist, wurde bisher ein leeres Image Tag generiert was vom IE als Broken Image dargestellt wurde. Ab Version 1.11.2 wird nun ein DIV-Tag mit class="banner_empty" generiert:
+
If, in this case, "Hide if empty" is not activated, until now was an empty image tag generated, what was presented by the IE as Broken Image. From version 1.11.2 now a DIV tag with class = "banner_empty" is generated:
 
<source lang="html4strict">
 
<source lang="html4strict">
 
<div class="mod_banner">
 
<div class="mod_banner">
Line 281: Line 304:
 
</div>
 
</div>
 
</source>
 
</source>
Mittels css kann nun erreicht werden, dass (in diesem Beispiel) die Höhe erhalten bleibt und dadurch das Layout der Seite nicht verändert wird:
+
With CSS can now be reached that is maintained (in this example) the amount and thus the layout of the site will not change:
 
<source lang="css">
 
<source lang="css">
 
.mod_banner .banner_empty {
 
.mod_banner .banner_empty {
Line 287: Line 310:
 
}
 
}
 
</source>
 
</source>
Der dabei erzeugte Text kann überschrieben werden, durch setzen in langconfig.php, hier nun als Beispiel ein Leertext:
+
The resultant text can be overridden to enforce in langconfig.php, here is an example of an empty text:
 
<source lang="php">
 
<source lang="php">
 
$GLOBALS['TL_LANG']['MSC']['tl_banner']['noBanner'] = '';
 
$GLOBALS['TL_LANG']['MSC']['tl_banner']['noBanner'] = '';
Line 293: Line 316:
  
 
<br />
 
<br />
==Sonderfall: mehrere Banner Module pro Seite==
+
==Special case: Multiple Banner modules on one page==
Hier einige Hinweise und Tipps für bekannte Anwendungsszenarien und deren Besonderheiten.
+
Here are some hints and tips for well-known application scenarios and their characteristics.
  
===Eine Kategorie - Zwei Frontend Module auf einer Seite===
+
===One category - Two front end modules on one page===
In der aktuellen Version gibt es die Möglichkeit alle Banner einer Kategorie anzuzeigen.<br />
+
In the current version it is possible to display all the banners from one category.<br />
Die alte Variante mehrere Banner auf einer Webseite anzeigen zu können war, mehrere Frontend Module anzulegen und in die Webseite einzubinden. Vom Modul wird dabei verhindert, dass ein Banner nicht mehrmals angezeigt wird. <br /><br />
+
The old version's multiple banners on a Web page was to be able to create multiple front end modules and integrating them into the website. The module is prevented that a banner will not appear more than once.<br /><br />
Nun wurde davon ausgegangen, dass alle untereinander angezeigt werden, wodurch es Sinn machte, die Modul Überschrift nur einmal anzuzeigen.<br />
+
Well, it was assumed that all displayed below each other, so it made sense, the module title to display only once.<br />
Will man nun aber bei allen Banner Frontend Modulen die Überschrift anzeigen lassen, weil diese z.B. auf der Seite verteilt sind, muss hierzu eine kleine [[Templates_bearbeiten|Anpassung am Template]] vorgenommen werden. Dazu legt man über das Backend eine Kopie des Templates "mod_banner_list_all" an und nennt es dabei um, z.B. in "mod_banner_list_special.tpl".<br />
+
If you want to leave now for all the title's banner front-end modules, because they are distributed on the page, must be made for this purpose a small modification to the template. Create a copy on the back end of the template "mod_banner_list_all" and renames it here, for example, in "mod_banner_list_special.tpl.<br />
Dort ändert man nun die dritte Zeile wie folgt:<br />
+
There, now you change the third line as follows:<br />
 
Original:<br />
 
Original:<br />
 
<source lang="php">  
 
<source lang="php">  
 
<?php if (($this->headline) && (!$this->headline_stop)): ?>
 
<?php if (($this->headline) && (!$this->headline_stop)): ?>
 
</source>
 
</source>
Spezial:<br />
+
Special:<br />
 
<source lang="php">
 
<source lang="php">
 
<?php if ($this->headline) : ?>
 
<?php if ($this->headline) : ?>
 
</source>
 
</source>
Nun die Banner Frontend Module editieren und das neue Template auswählen.<br />
+
Now edit the banner front end modules and select the new template.<br />
Fertig.
+
Done.
 
<br />
 
<br />
Das gilt natürlich auch für mehr als zwei Frontend Module.
+
This is also true for more than two front end modules.
 
<br />
 
<br />
  
===Zwei Kategorien - Zwei Frontend Module auf einer Seite===
+
===Two categories - Two front end modules on one page===
Hier hat jedes Frontend Modul seine eigene Kategorie. Auch hier wird aber trotzdem nur beim ersten Modul die Überschrift angezeigt aus den selben Gründen wie im Abschnitt zuvor.<br />
+
In this case, each front end module its own category. Again, only on the first module, the heading will appear for the same reason as in the previous section.<br />
Falls in diesem Szenario auch alle Modul Überschriften angezeigt werden sollen, ist die Lösung dieselbe.<br /><br />
+
If you want to display in this scenario all module headers, the solution is the same.<br /><br />
Das gilt natürlich auch für mehr als zwei Kategorien und Frontend Module.
+
This is also true for more than two front end modules.
 
<br />
 
<br />
 
<br /><br />
 
<br /><br />
  
 
----
 
----
--[[User:BugBuster|BugBuster]] 15:48, 2 October 2010 (CEST)
+
--[[User:BugBuster|BugBuster]] ([[User talk:BugBuster|talk]]) 00:31, 17 February 2015 (CET)

Latest revision as of 20:04, 25 August 2015

I'm not a native English speaker. Please correct my mistakes.

A banner advertisement module with a simple form of weighting.
In Backend you can see banner view and banner click statistics. (System Menu)

IP-based ReClick blocker was integrated (5 minutes). Forwarding functioned, but isn't counted.
Similarly, the views within a period not re-counted if the same banner displayed. (10 minutes)
The amount of time to block the view count can be changed.

By using the module "Bot Detection" requests from bots and search engines are not counted.

In the module directory is located in the file mod_banner_fe.css some CSS sample data. These can be included in the layout or you can import the file and activate this in the layout.


Hint.png Hint: This page is no longer updated by the developer.

The current manual for the extension Banner can be found here: docs.contao.ninja


Extension-Overview
Name of the developer Glen Langer (BugBuster)
Developer Website http://contao.ninja
Version of the extension 3.5.0
Compatibility with Contao Version from 2.9
Compatibility with TYPOlight Version 2.6.2 - 2.8.4 (see installations notes)
Link to Extension Repository http://www.contao.org/extension-list/view/banner.en.html
Link to Tracker https://github.com/BugBuster1701/banner/issues
Depending of ff. Extension Bot Detection,Excel 95 writer (xls_export)
Comment Version for Contao 3.4 online

Forum

Questions about the Visitors module will be answered in forum: Forum
Errors and requests can be reported in the Issue Tracker.

Translations

Translations can be performed on Transifex

Installation

The installation of the module occurs about the extension Repository in back end of Contao.
A manual installation is possible. Download the ZIP file from Extension Repository, unzip and transfer it.
A directory should have been created "/system/modules/banner".
Then call /contao/install.php - Perform Update Database.

The module Banner is dependent on the modules "Bot Detection" and "Excel 95 writer (xls_export)". They must therefore be installed with manual installation.


Note for older "TYPOlight" versions

TYPOlight 2.8

Users of TYPOlight 2.8.x, please use Banner Module Version 1.11.2 (Direct Link)

TYPOlight 2.7

Users of TYPOlight 2.7.x, please use Banner Module Version 1.9.2 (Direct Link)

TYPOlight 2.6

Users of TYPOlight 2.6.x, please use Banner Module Version 1.6.5 (Direct Link)

Installation as an update

An update is identical to the installation.

Notice when updating from < 1.10.0 to the latest version:
The CSS file "mod_banner_fe.css" which is included as an example, the uppercase / lowercase letters changed in a class.
Anyone who has imported this file or the design itself has to produce, the class ".mod_Banner" must change in ".mod_banner".

Update version 1.x to version 2.x

Caution.png Caution: Version 2.x is not fully compatible with previous versions, an update is possible.


What is to be observed, can be found here.


Overview

The Banner Module contains two back end and one front end module.
In the back end, there are "Banner" and "Banner Statistic", for the front end "Banner".

Back end

Back end module Banner

Back end module Banner Statistic

Front end

Display a banner

Front end module Banner

  1. Module Headline
  2. Banner Image
  3. Banner Comment
  4. Banner Name

More details about this see under "Using" or "Technical Details".

Display all Banner

With 'all Banner' is meant here, all banners in the selected category.

Front end all banner

In this example, 3 banners have been defined,

  • Graphic Banner
  • Flash Banner
  • Text Banner

More details about this see under "Using" or "Technical Details".

Using

The first one creates a new banner category via the menu item "banner". In this then the banners. Then, create a front end module and build it into the layout of the page. Here are the steps, each with the default values. Technical details will be explained later.

Create the category

To create a new category, just click on the left in the back end in 'content' to 'Banner'. In the main area click on the button 'New category'. New Banner Category

There, enter the name of the category. The front end module will later use this name. Then you click on "Save and close".
Now you can see the category overview. By clicking on the pencil in the line of the category and repeated clicking on the pencil in the head of the category you return to the settings of the category.

Create the banners

In the category list now clicking on Edit (pencil) of the category.
Now, either click the 'New Banner' and then the arrow icon, or click the plus in the head of the category:
New Banner

First they must select the banner source:

  • internal Banner (Graphic / Flash files is stored on server)
  • external Banner (Graphic / Flash files are integrated via URL)
  • Text Banner


After selecting it appear the appropriate form fields.

Graphic Banners

  1. Banner Name
    • The banner name will be displayed in the Banner overview and in the provided template appears below the banner graphic.
  2. Banner weighting
    • This controls the display frequency of the banners. The higher the priority, the more often this banner is displayed.
  3. Banner target URL
    • The URL of the target by clicking on the banner graphic. The input must include "http://".
    • Optional field.
    • Without a URL, the banner will be displayed without a link.
    • Alternative can be selected an internal target (Banner target page)
  4. Banner Image
    • Here you can now select the banner file.
  5. Banner width and height
    • To customize the banner size, you can specify the banner width and / or the banner height in pixels.
    • CAUTION: Animated GIFs are for size definitions through the GD recalculation unfortunately to still images.
  6. Banner Comment
    • The first line will be installed and displayed as a "title" tag in the HTML source code if you move the cursor over the banner graphic.
  7. Published
    • If this option is not selected, this banner is not displayed.

Flash Banner

  1. Banner Name
    • The banner name will be displayed only in the Banner overview.
  2. Banner weighting
    • This controls the display frequency of the banners. The higher the priority, the more often this banner is displayed.
  3. Banner target URL
    • The URL of the target by clicking on the Flash Banner. The input must include "http://".
    • Optional field.
    • Without a URL, the Flash Banner will be displayed without a link.
    • Alternative can be selected an internal target (Banner target page)
  4. Banner Image
    • Here you can now select the banner file.
  5. Banner width and height
    • To customize the banner size, you can specify the banner width and / or the banner height in pixels.
  6. Banner Comment
    • Input is not necessary, is not used in the front end
  7. Published
    • If this option is not selected, this banner is not displayed.

A flash fallback to an image file is available, see the section Technical Details

Text Banner

  1. Banner Name
    • The banner name will be displayed in the Banner overview and in the provided template as a headline that is linked simultaneously with the target URL.
  2. Banner weighting
    • This controls the display frequency of the banners. The higher the priority, the more often this banner is displayed.
  3. Banner target URL
    • The URL of the target by clicking. The input must include "http://".
    • Optional field.
    • Without a URL, the Text Banner will be displayed without a link.
    • in provided template only the domain is shown as a short form. (Third row, see picture above)
  4. Banner Comment
    • This is the text line. (Second row, see picture above)
  5. Published
    • If this option is not selected, this banner is not displayed.

Front end module

A new front-end module is create with:

  • Layout -> Themes -> Modules -> Add module (Contao 2.9 and newer)
  • Layout -> Modules -> Add module (TYPOlight 2.8.x)


Be sure to first enter the title, then selecting for module type:Miscellaneous -> Banner. Now the form fields change accordingly.
In 'Banner Categories' select the previously created category, then 'Save and Close'.

Now, the front end module must be included in the layout:

  • Layout -> Themes -> Layout -> Edit the used layout (Contao 2.9 and newer)
  • Layout -> Page layout -> Edit the used layout (TYPOlight 2.8.x)

Include in 'Included modules' the just-created front end module (e.g. to left)

CSS-File

For the first tests you should copy the provided file mod_banner_fe.css from /system/modules/banner to /tl_files . Then import them over the back end and activate it in the layout.

Technical Details

Technical details are inside of the category, in the banner denifinition and in the constructed front end module feasible / adjustable.

Technical Details in the Category Definition

Number of banners

  • Show all banners

If you choose this option, all active banners will be showed in front end.
In addition, you can choose:

  • Limiting the number of banners

Here, the number can be limited. Default is 0: show all banners, otherwise maximum number of banners that will be showed.

  • Random order

If you choose this option, the banners will shown in a random order.

  • Protect the statistic

Show the banner statistic for this category to certain user groups only. Administrators have unlimited access to all banner statistics.

Technical Details in the Banner Definition

Flash Fallback Image

If a browser does not support Flash or JavaScript is disabled, an image can be displayed instead (since version 2.2.0). At a local (internal) flash file, in the same path is searched for an image file with the same name but with the ending jpg, png or gif.
Example: for "myflash.swf" would be a fallback image: "myflash.jpg"
Was found a replacement image, the image is displayed. If necessary, the image is converted to the dimensions of the flash file.

Display limitation by Start / Stop dates and times

  • Show from
    • If you enter a date and time value here the current banner will not be shown on the website before this moment.
  • Show until
    • If you enter a date and time value here the current banner will not be shown on the website after this moment.

Limiting the number of Views and Clicks

  • Limiting the number of Views and Clicks

If you select this option, you can define a maximum number of views and/or maximum number of clicks.

  • Limiting the number of Views
    • By entering a number, the current banner is no longer displayed after this number of views.
      The "Limiting the number of Views and Clicks" has enabled it to stay.
  • Limiting the number of Clicks
    • By entering a number, the current banner is no longer displayed after this number of clicks.
      The "Limiting the number of Views and Clicks" has enabled it to stay.

Filter Domain

If you enter a domain name, this banner is used only for this domain.If you leave the field empty, this banner is used for all domains. Example: yourdomain.com

The banner will be displayed, if matches the domain. But also in partial match starting from the right. So also with access via "sub.yourdomain.com" .An entry in "Site structure" - "Domain Name" is not required for the filtering.

Technical Details in the Front end Module Definition

First banner for new visitor

For each new visitor, at first is displayed the first published banner in the category. The choice is then returned to random mode. Thus, a kind of recognition can be achieved.

Templates

Each module can be assigned its own Template. Two different templates are included.

  • mod_banner_list_all
    • All fields are included.
  • mod_banner_list_min
    • The headline and name were removed. It will only display the banner itself.

Both templates also support text banners.
For own Templates, the template files must start with "mod_banner_list_" and end with ".xhtml" / ".html5". Example: "mod_banner_list_special.html5"


Note.png Note: In Banner Version 1.x this selection is located in the banner category.


Prevention of counting their own requests

You can set a custom UserAgent String in your browser and in the banner modul configuration.

Via:

  • Layout -> Themes -> Modules -> Modul Name (Contao 2.9 and newer)
  • Layout -> Modules -> Module Name (TYPOlight 2.8.x)

In the applied banners module in the new field "No counting for this HTTP_USER_AGENT partial identifier" , a string is entered, it should be unique.
Example: CTISOK
Save it.
Several strings are also possible, then enter them separated by commas.
So you can change the User Agent String of Mozilla Firefox:

  1. use Add-on: User Agent Switcher
  2. insert your own user agent string and change then the string
  3. Add her "CTISOK" separated by space, e.g. "Firefox/35.0.1 CTISOK".

Specific feature

Bot Detection off

Who wants to count the hits from bots and search engines on the banners can switch off the bot detection. This is done by the file localconfig.php.

Caution.png Caution: This applies to all Banner modules when several front end modules have been created!

The following entry to the end of localconfig.php (after: ### INSTALL SCRIPT STOP ### ) switching off the bot detection:

$GLOBALS['TL_CONFIG']['mod_banner_bot_check'] = false;


Change Banner Block Time for Views

As written in the beginning, when a banner is displayed multiple times within 10 minutes (C3: 5 minutes), this banner is only counted once.
With an entry in the localconfig.php can change that. The values be there in minutes, the number must be> 0, otherwise will be automatically taken back to the default value (10).

Caution.png Caution: This applies to all Banner modules when several front end modules have been created!

The following entry to the end of localconfig.php (after ### INSTALL SCRIPT STOP ### ) causes a change to 5 minutes:

$GLOBALS['TL_CONFIG']['mod_banner_block_time'] = 5;


Exception: No active banners defined and no default banner defined

If, in this case, "Hide if empty" is not activated, until now was an empty image tag generated, what was presented by the IE as Broken Image. From version 1.11.2 now a DIV tag with class = "banner_empty" is generated:

<div class="mod_banner">
	<div class="banner_empty">
	<!-- no banner, no default banner -->
	</div>
</div>

With CSS can now be reached that is maintained (in this example) the amount and thus the layout of the site will not change:

.mod_banner .banner_empty {
    height:90px;
}

The resultant text can be overridden to enforce in langconfig.php, here is an example of an empty text:

$GLOBALS['TL_LANG']['MSC']['tl_banner']['noBanner'] = '';


Special case: Multiple Banner modules on one page

Here are some hints and tips for well-known application scenarios and their characteristics.

One category - Two front end modules on one page

In the current version it is possible to display all the banners from one category.
The old version's multiple banners on a Web page was to be able to create multiple front end modules and integrating them into the website. The module is prevented that a banner will not appear more than once.

Well, it was assumed that all displayed below each other, so it made sense, the module title to display only once.
If you want to leave now for all the title's banner front-end modules, because they are distributed on the page, must be made for this purpose a small modification to the template. Create a copy on the back end of the template "mod_banner_list_all" and renames it here, for example, in "mod_banner_list_special.tpl.
There, now you change the third line as follows:
Original:

 
<?php if (($this->headline) && (!$this->headline_stop)): ?>

Special:

<?php if ($this->headline) : ?>

Now edit the banner front end modules and select the new template.
Done.
This is also true for more than two front end modules.

Two categories - Two front end modules on one page

In this case, each front end module its own category. Again, only on the first module, the heading will appear for the same reason as in the previous section.
If you want to display in this scenario all module headers, the solution is the same.

This is also true for more than two front end modules.



--BugBuster (talk) 00:31, 17 February 2015 (CET)

Views
Personal tools

Contao Community Documentation

In other languages
Navigation
Discover
Understand
Enhance
Miscellaneous
Tools