Trotz eines deutlichen Rückgangs der Popularität seit seiner Einführung bleiben Banner auch heute noch eines der wichtigsten Werbemittel im Internet. Das einfachste Banner ist ein einfaches Bild. Damit es seine Funktion jedoch vollständig erfüllen kann, müssen Sie es anklickbar machen.
Es ist notwendig
die Möglichkeit, das Markup der Webseite zu ändern
Anleitung
Schritt 1
Machen Sie das Banner anklickbar, indem Sie es in einem Hyperlink platzieren. Verwenden Sie das HTML-Element A. Fügen Sie ein Start-Tag mit einem href-Attribut, das auf die Zielressource zeigt, sowie ein End-Tag hinzu. Beispiel: Dies ist die einfachste und am häufigsten verwendete Methode, um Banner zu Webseiten hinzuzufügen. Tatsächlich ist das Bild hier der Anker des Links.
Schritt 2
Wenden Sie Clientzuordnungen an, um mehrere Hotspots im Bannerbild zu erstellen. Fügen Sie im HTML-Markup Ihres Dokuments ein MAP-Element mit einem name-Attribut hinzu, das den Namen der Karte angibt. Platzieren Sie in MAP ein oder mehrere AREA-Kinder mit den richtigen href-, shape- und coords-Attributen. Beispiel: Fügen Sie für das IMG-Element, das das Banner definiert, ein Usemap-Attribut hinzu, das auf die Client-Map verweist. Beispiel: Mit dieser Methode können Sie den Benutzer mit einem Banner auf verschiedene Ressourcen umleiten, je nachdem, welcher Bereich aktiviert wurde.
Schritt 3
Verwenden Sie die Möglichkeit, Benutzereingabeereignisse durch Clientskripts zu verarbeiten, um den Prozess des Wechsels zu einer anderen Ressource beim Klicken auf ein Banner zu initiieren. Setzen Sie den onclick-Handler auf das entsprechende Dokumentelement. Dies kann durch Hinzufügen des onclick-Attributs zum HTML-Markup erfolgen: oder direkt aus dem Skript: Mit dieser Methode können Sie den Prozess der Benutzerumleitung beim Klicken auf ein Banner flexibel steuern, funktioniert jedoch nicht, wenn Skripte im Browser deaktiviert sind.
Schritt 4
Betten Sie das Banner mit dem im Formular enthaltenen INPUT-Element vom Typ image in die Webseite ein, um es anklickbar zu machen. Ein INPUT-Element mit dem Typattribut image definiert eine grafische Senden-Schaltfläche. Die Bildressourcenadresse wird durch das src-Attribut angegeben. Zum Beispiel: Die Anwendung dieser Methode zur Anzeige eines Banners bietet große Möglichkeiten. Sie können also mithilfe versteckter Felder eine große Menge zusätzlicher Daten an den Server senden, insbesondere mithilfe einer POST-Anforderung zum Senden eines Formulars. Sie können vor dem Absenden einige Aktionen im Formular ausführen, indem Sie einen Onsubmit-Handler zuweisen. Es ist zulässig, einem Schaltflächenbild über das Attribut usemap eine Client-Map zuzuweisen.
