Kapitel 9

Die Bannerkomponente ermöglicht die Anzeige von Werbebannern auf Ihrer Website. Bannerschaltungen werden bei Joomla! auf der Basis von gekauften Bannereinblendungen (Impressions) abgerechnet. Ein Banner kann dabei eine Grafik oder ein Text sein. Ähnlich wie bei dem extrem erfolgreichen Google-Geschäftsmodell können jetzt auch in Joomla!-Websites Werbetextlinks verkauft werden. Jedes Mal, wenn sich Ihre Website aufbaut, werden andere Textlinks aus Ihrer Bannerverwaltung angezeigt. Jedes Anzeigen zählt als eine Einblendung. Der Textlink ist anklickbar und führt auf die Website des Werbekunden. Neben diesen Textlinks ist es auch weiterhin möglich, grafische Banner zu platzieren.

Die Komponente Banner bietet eine Kunden-, Kategorien- und eine Bannerverwaltung. Bei den grafischen Bannern werden oft so genannte Fullbanner geschaltet. Ein Fullbanner ist 468 x 60 Pixel groß und sollte eine Dateigröße von 20 Kbyte nicht wesentlich überschreiten. Das Format ist gif, jpg oder png.

Spielen wir mal eine der beiden Varianten einer Bannerschaltung durch. Erstellen oder kopieren Sie sich ein Banner in den Maßen 468 x 60 Pixel (Abbildung 9.1). Das nachfolgend eingesetzte Banner finden Sie auch auf der Buch-CD.

Abbildung 9.1: Testbanner mit 468 × 60 Pixel

9.1.1 Kunden

Bevor Sie ein Banner schalten können, benötigen Sie einen Kunden. Klicken Sie auf Komponenten - Banner - Kunden - Neu, eröffnen Sie ein neues Kundenkonto und speichern Sie es mit einem Klick auf das Icon Speichern (Abbildung 9.2).

Abbildung 9.2: Komponenten - Banner - Kunden - Neuer Kunde

Der Banner Kunden-Bereich, in dem Sie nach dem Speichern wieder landen, zeigt jetzt Ihren neuen Kunden sowie die Anzahl der aktiven Banner dieses Kunden an.

9.1.2 Banner

Jetzt muss das Banner bzw. der Textlink dieses Kunden aufgenommen werden. Klicken Sie auf Komponenten - Banner - Banner. Sie sehen den Banner-Bereich, der eine Übersicht über die vorhandenen Banner gibt Abbildung 9.3.

Name: Name des Banners

Kunde: Kunde des Banners

Kategorie: In welcher Kategorie ist das Banner eingeordnet?

Freigegeben: Ist das Banner veröffentlicht oder nicht?

Reihenfolge: Hier können Sie eine Reihenfolge für die Einblendung der Banner angeben.

Sticky: Mit Sticky markierte Banner erscheinen bevorzugt.

Anzeigen: Die Anzahl der erfolgten Einblendungen und der verbleibenden Einblendungen

Klicks: Klicks auf das Banner als Anzahl und prozentual relativ zu den Einblendungen

Tags: Hier können Tags (Kategorien) für das Banner vergeben werden. Über diese Tags kann die Anzeige des Banners gesteuert werden.

ID: Datensatzschlüssel

Abbildung 9.3: Komponenten - Banner - Banner

9.1.3 Grafik Banner

Um ein neues Fullbanner zu schalten, laden Sie zunächst die Datei im Medienbereich (Site - Medien) in das Verzeichnis /images/banner/ (Images Folder - banners) hoch. Wenn Sie eine Bannerdatei wieder löschen wollen, schalten Sie im Medienbereich auf die Detailansicht und klicken auf das rote Kreuz (Abbildung 9.4).

Abbildung 9.4: Site - Medien

Nachdem Sie das Banner hochgeladen haben, klicken Sie im Bannerbereich (Menü Komponenten - Banner - Banner) auf das Icon Neu und füllen das Formular aus (Abbildung 9.5).

Abbildung 9.5: Komponenten - Banner - Banner - Neu

Name: Geben Sie dem Banner einen aussagekräftigen Namen, damit Sie es im Bannermanager wieder erkennen.

Alias: Dieses Feld hat noch keine weitere Verwendung in Joomla!. Es wird vermutlich für die URLs der Banner eingesetzt werden.

Banner anzeigen: Hier können Sie ein Banner aus der Rotation nehmen.

Sticky: Mit Sticky gekennzeichnete Banner werden zuerst angezeigt.

Reihenfolge: Hier kann eine Abfolge der Banner definiert werden.

Kategorie: Sie können Kategorien vergeben und dann auf der Website Banner aus bestimmten Kategorien anzeigen. Jedes Banner muss einer Kategorie zugeordnet sein, die Sie über Komponenten - Banner - Kategorien verwalten können.

Kunden: Wählen Sie den Kunden aus der Optionsliste vorhandener Kunden aus.

Anzeigen erworben: Geben Sie die Anzahl der gekauften Einblendungen an oder kreuzen Sie die Checkbox Unbegrenzt an.

Verlinkt mit: Geben Sie hier die URL der Website ein, auf die das Banner verweisen soll.

Angepasster Bannercode: Hier können Sie speziellen Bannercode aus Affiliate-Partnerprogrammen eingeben². Da diese Maske auch zum Editieren von Bannern gedacht ist, finden Sie noch die Anzeige der bereits erfolgten Klicks und einen Klicks zurücksetzen-Button, um die Klicks wieder auf Null zu setzen.

Beschreibung/Anmerkungen: Interne Bemerkungen zu diesem Banner

Bannerbild auswählen: Hier wählen Sie das Bannerbild aus. Nach der Auswahl wird es unter diesem Feld angezeigt.

Tags: Legen Sie Tags zu diesem Banner fest.

Nach einem Klick auf das Icon Speichern sollte sich Ihr Banner nun in der Rotation befinden und wird auf der Website angezeigt.

9.1.4 Textlinks

Um einen Textlink einzubauen, geben Sie einfach den Link im HTML-Format im Feld Angepasster Bannercode ein. Um die Bannertypen auseinanderhalten zu können, sollten Sie entsprechende Kategorien vorbereiten (z.  B. Text Ads).

Die Banner werden auf der Website über Module angezeigt. Näheres über die Banner-Module erfahren Sie in Kapitel 10.3.3.

So, jetzt gibt es pünktlich zu Heiligabend noch drei Kapitel. Wir sind jetzt im Buch auf Seite 180 von 410 :-)

Falls Ihr Fehler findet, bitte das Kontaktformular benutzen.

Viel Spaß beim Lesen

Hier bauen Sie eine Linkliste oder einen Downloadbereich auf, den Sie in Ihre Website integrieren können. Joomla! bietet wieder Kategorien an und zählt die Zugriffe auf die Links. Sie können im User Menu Ihren registrierten Benutzern erlauben, Links zur Aufnahme in die Liste vorzuschlagen. Diese Links landen dann in der Liste, die sich über das Menü Komponenten - Weblinks - Links aufrufen lässt. Diese Links müssen je nach Benutzerberechtigung noch veröffentlicht werden.

9.5.1 Links

In der Übersichtsmaske für Links sehen Sie alle bisher eingetragenen Links mit der zugeordneten Kategorie und den bisherigen Zugriffszahlen (Abbildung 9.20).

Abbildung 9.20: Komponenten - Weblinks - Links

In den Voreinstellungen können Sie die Parameter bearbeiten, die für alle Links gelten sollen. Sie können einzelne Links neu eintragen, über ihre Freigabe entscheiden und bearbeiten (Abbildung 9.21).

Abbildung 9.21: Komponenten - Weblinks - Links – bearbeiten

Name: Name des Links, der auf der Website erscheint

Alias: Kurz-URL

Freigegeben: Veröffentlicht oder nicht

Kategorie: Auswahl einer vorhandenen Linkkategorie

URL: die URL des Links

Reihenfolge: Sortierung innerhalb der Links

Parameter: Hier können Sie wählen, ob der Link in einem neuen Fenster (mit Navigation oder ohne) erscheinen oder ob er im gleichen Fenster angezeigt werden soll.

Beschreibung: Hier können Sie eine ausführliche Beschreibung des Links eingeben.

9.5.2 Kategorien

Die Link-Kategorien werden im entsprechenden Kategorien-Bereich erreichbar über das Menü Komponenten - Weblinks - Kategorien verwaltet (Abbildung 9.22).

Abbildung 9.22: Komponenten - Weblinks - Kategorien

Das integrierte Umfragemodul erlaubt es Ihnen, Umfragen auf Ihrer Website anzubieten. Eine Umfrage ist bereits in den Beispieldaten enthalten (Abbildung 9.17).

Abbildung 9.17: Komponenten - Umfrage – bearbeiten

Titel: Der Titel Ihrer Umfrage

Verzögerung: Bestimmt die Zeit in Sekunden, die vergehen muss, damit wieder gewählt werden kann. Dieser Lag ist ein gewisser Schutz vor der Verfälschung der Umfrageergebnisse.

Optionen: Hier können Sie bis zu zwölf Antwortoptionen eingeben.
Durch einen Klick auf das Icon Vorschau erhalten Sie eine Vorschau auf Ihre Umfrage. Damit diese wirklich auf Ihrer Website dargestellt wird, müssen Sie das Umfragemodul an die gewünschte Stelle positionieren (siehe Kapitel 10.3.13, S. 197). Standardmäßig ist das Modul auf der rechten Seite angeordnet (Abbildung 9.18).

Abbildung 9.18: Umfrage auf der Website

Wenn Sie jetzt die Umfrage ausprobieren und eine Antwort wählen, erscheint eine Auswertungsmaske (Abbildung 9.19). Die Umfrage selbst wird jetzt nicht mehr gezeigt, denn das Modul war standardmäßig nur der Frontpage zugeordnet.

Abbildung 9.19: Umfrageauswertung auf der Website

9.4.1 Such-Statistiken

In Joomla! 1.0 waren zahlreiche Möglichkeiten enthalten, Statistiken über die Zugriffe der Benutzer auf Ihrer Website zu sammeln. Diese Protokollierung der Zugriffe benötigte teilweise erheblichen Speicherbedarf auf dem Server, und so entschloss sich das Core Team von Joomla!, den Statistikteil zu entschlacken (im Zeitalter von Google Analytics eine nachvollziehbare Entscheidung).⁷

Die wohl wichtigste Information für den Betreiber einer Website ist: »Wonach suchen die Menschen auf meiner Website?« In Joomla! 1.5 finden Sie diese Suchworte und die Häufigkeit ihrer Verwendung in den Such-Statistiken. In den Voreinstellungen in dieser Übersicht müssen Sie die Erfassung der Suchworte explizit einschalten.

Newsfeeds sind eine tolle Sache. Die immer größere Informationsfülle im Internet macht es notwendig, effektive Methoden zu ihrer Organisation zu erproben. Wenn Sie beispielsweise 20 Internetseiten haben, auf denen Sie regelmäßig nachschauen, was es Neues gibt, so kostet das einfach Zeit. Bei 50 oder 100 ist es schon hoffnungslos, den Überblick zu behalten. Newsfeeds sind ein Versuch, das Problem zu lösen⁴.

In der Newsfeeds-Komponente können Sie Feeds von anderen Seiten in Ihre Seiten einbinden. Dazu stehen Ihnen eine Kategorie und ein Inhaltsmanager zur Verfügung. In den Beispieldaten sind bereits mehrere Kategorien und zahlreiche Newsfeeds enthalten.

Binden Sie mal ein eigenes Newsfeed ein. Sie können eine Suchmaschine für diesen Zweck benutzen⁵ oder bei den Sites, die Sie besuchen, den kleinen orangenen RSS-Button suchen.

9.3.1 Feeds

Um ein Beispiel zu haben, trage ich hier den Feed aus meinen Blog ein⁶. Klicken Sie auf Komponenten - Newsfeeds - Feeds - Neu (Abbildung 9.15).

Abbildung 9.15: Neues Newsfeed einbinden

Name: Name des Newsfeeds, der auf Ihrer Seite erscheint

Alias: die Kurz-URL

Freigegeben: Soll es gleich veröffentlicht werden?

Kategorie: Wählen Sie aus den vorhandenen Kategorien eine passende aus.

Link: Der Link zum Newsfeed, in unserem Falle mein Blog. Falls Sie interessantere Nachrichten haben wollen, hier das Feed der Tageschau: http://www.tagesschau.de/newsticker.rdf

Anzahl der Beiträge: Die Anzahl der Artikel, die eingebunden werden sollen.

Cache Zeit (in Sekunden): Wie lang soll die Pause zwischen den Aktualisierungen sein – in Sekunden?

Reihenfolge: Neue Newsfeeds stehen standardmäßig am Anfang. Die Reihenfolge können Sie nach dem Speichern ändern.

Ihr neues Newsfeed, einen Internetzugang vorausgesetzt, wird jetzt in Ihrer Website angezeigt (Abbildung 9.16).

Abbildung 9.16: Newsfeeds auf Ihrer Webseite

9.3.2 Kategorien

Hier können Sie die Newsfeed-Kategorien verwalten. Die Verwaltung funktioniert analog zum Kontakte-Kategorie-Manager.

Wenn sich ein Kunde auf Ihrer Website bewegt und Kontakt mit Ihnen aufnehmen will, so ist das für den Kunden oft gar nicht so einfach. Normalerweise arbeiten in Firmen viele Angestellte in verschiedenen Abteilungen, und oft befindet sich nur eine info@firma.de-E-Mail-Adresse auf der Website oder ein Formular, bei dem der Kunde nicht genau weiß, wer es erhält. Aus diesem Grund gibt es in Joomla! die Möglichkeit, Kontaktkategorien festzulegen. In diese Kategorien können Sie beispielsweise die verschiedenen Abteilungen einer Firma eintragen. Innerhalb der Kategorien können Sie dann die Ansprechpartner Ihrer Firma eintragen. Joomla! erzeugt auf der Website dann je nach Konfiguration eine Tabelle der Mitarbeiter einer Abteilung und/oder ein Kontaktformular für jeden Mitarbeiter.

9.2.1 Kontakte

Hier werden die einzelnen Mitarbeiter-Kontaktformulare verwaltet. In den Beispieldaten finden Sie einen Mitarbeiter mit dem Namen Name, der zugeordnet ist zu einer Gruppe contacts. Um die Funktionsweise zu durchschauen, legen Sie einfach einen neuen Mitarbeiter an. Klicken Sie auf Komponenten - Kontakte - Kontakte. Sie sehen den Kontakte-Bereich und den besagten Kontakt aus den Beispieldaten (Abbildung 9.6).

Abbildung 9.6: Komponenten - Kontakte

Klicken Sie auf das Icon Neu und legen Sie einen neuen Kontakt an. Die Maske, die jetzt erscheint, ist dreigeteilt und recht umfangreich (Abbildung 9.7).

Abbildung 9.7: Komponenten - Kontakte - Neu

Details

Name: Name des Ansprechpartners

Alias: Kurz-URL

Freigegeben: Ja oder nein

Kategorie: Wählen Sie hier die Kontaktkategorie aus. Momentan gibt es die Beispielkategorie Contacts.

Verlinkt mit Benutzer: Mit dieser Option können Sie einen Kontakt mit einem Benutzerkonto verbinden. Da ich mir bereits ein Benutzerkonto angelegt habe, kann ich es jetzt auswählen.

Zugriff: Welche Benutzergruppe darf auf diesen Kontakt zugreifen?

ID: Datensatznummer des Kontakts

Information

Hier finden Sie die Felder für die Informationen bzgl. dieses Kontakts. Felder, die nicht mit Werten gefüllt sind, werden automatisch ausgeblendet. Im Feld Info Verschiedenes können Sie noch eine individuelle Beschreibung hinzufügen. Im Feld Bild können Sie ein Bild des Ansprechpartners aus dem Unterverzeichnis /images/stories/ einblenden. Hochladen können Sie das Bild im Menü Site - Medien.

Parameter

Hier können Sie entscheiden, welche Felder Sie anzeigen und verstecken wollen. Eine VCard ist ein Dateiformat, das sich in viele Adressverzeichnisse automatisch eintragen lässt³.

Speichern Sie den neuen Kontakt durch einen Klick auf das Icon Speichern. Der neue Kontakt wird in der Liste angezeigt.

9.2.2 Erzeugung eines Menülinks für die Website

Wir wollen den Link zu diesem Kontakt jetzt in das Top Menu der Website einbauen. Dazu klicken Sie auf Menüs - Top Menu - Neu und unter Menüeintragstyp auf Kontakte. Sie haben die Wahl zwischen einer Kontaktkategorie, die eine Liste aller Kontakte in dieser Kategorie anzeigt (Kontaktkategorie-Layout), und einem einzelnen Kontakt (Standard Kontakt- Layout). Wählen Sie den einzelnen Kontakt aus (Abbildung 9.8).

Abbildung 9.8: Link in Menü – Menüeintragstyp

In der dann erscheinenden Bearbeitungsmaske müssen Sie noch einen Namen und einen Alias für den Menülink eingeben und den richtigen Kontakt in den Parametern auswählen. Sie können hier weitere Parameter festlegen (Abbildung 9.9).

Abbildung 9.9: Link in Menü – Neu

Schauen Sie nun auf die Website und klicken Sie im Top Menu auf den Link Kontakt. Sie sehen dann die Kontaktdaten und ein automatisch generiertes Formular für die Kontaktaufnahme. Die E-Mail-Adresse, an die die Nachricht geschickt wird, bleibt bei diesem Konstrukt unsichtbar, und so ist das Formular auch keine Einladung für Spammer (Abbildung 9.10).

Abbildung 9.10: Kontaktformular auf der Website

Die andere Variante erzeugt eine Liste von Ansprechpartnern. Die Liste sieht bei der Telefonnummer etwas zerrissen aus, und die Mobil- und die Faxnummer wollte ich eigentlich auch nicht öffentlich sichtbar haben (Abbildung 9.11). Um diese beiden Dinge zu ändern, müssen Sie den Menülink bearbeiten. Klicken Sie dazu auf Menü - Top Menu und bringen Sie den Eintrag Kontakt in den Bearbeitungszustand. In der Parameterspalte können Sie nun die Tabelle nach Wunsch konfigurieren (Abbildung 9.12).

Abbildung 9.11: Kontaktliste

Abbildung 9.12: Parameter zur Anzeige der Kontakttabelle

In dem Bereich Parameters Komponente können Sie noch bestimmte E-Mail-Adressen und Worte ausschließen. Wenn Ihre Tabelle nun fertig bearbeitet ist, können Sie auf den Namen des Ansprechpartners klicken. Sie sehen die gewünschten Daten und das Kontaktformular.

9.2.3 Kategorien

Im Bereich Kategorien können Sie neue Kategorien anlegen und vorhandene ändern. Der Bereich ist über das Menü Kontakte - Kategorien und über den Reiter Kategorien in der Kontaktbearbeitung erreichbar (Abbildung 9.13).

Abbildung 9.13: Kontakte - Kategorien

Nach einem Klick auf das Icon Bearbeiten oder den Kategorienamen wird Ihnen das Editierformular angezeigt. Auch hier können Sie der Kategorie ein Bild zuordnen und mithilfe des WYSIWYG-Editors die Beschreibung ändern. In unserem Fall bietet es sich an, den Text zu übersetzen (Abbildung 9.14).

Abbildung 9.14: Kontakte - Kategorien - Bearbeiten

In der Software-Entwicklung versteht man unter einer Komponente meist ein Programm oder ein Stückchen Programmcode, das Geschäftslogik enthält, über definierte Schnittstellen ansprechbar ist und unter Umständen auch eine Benutzeroberfläche hat.

Stellen Sie sich eine Komponente einfach wie eine so genannte Blackbox vor. Ich gebe vorne etwas hinein, und hinten kommt etwas heraus. Was drinnen vorgeht, muss ich nicht wissen. Wichtig ist, dass ich die Blackbox zu ganz unterschiedlichen Zwecken benutzen kann.

Komponenten können sehr allgemein konstruiert und in handliche Pakete verpackt werden. Diese Idee einer Software-Komponente ist in Joomla! ähnlich. Geschäftslogik, beispielsweise Bannerverwaltung oder ein Forum, werden allgemein beschrieben und als Komponente angeboten. Sie arbeitet dann in Joomla! mit allen Templates und der Joomla!-Administration zusammen. Meistens treten Komponenten im Zusammenhang mit Modulen und Plugins auf. Ein Modul übernimmt oft die Anzeige auf der Website, ein Plugin sorgt in vorhandenem Text für eine Zusatzfunktionalität (ähnlich einer Skriptsprache). Es gibt mittlerweile weit über 2.000 Zusatzkomponenten für Joomla! 1.0¹ und so nach und nach werden es immer mehr für Joomla! 1.5. Doch wollen wir uns zunächst die im Standard mitgelieferten Komponenten ansehen.