Hur Man Gör En Banner Klickbar

Innehållsförteckning:

Hur Man Gör En Banner Klickbar
Hur Man Gör En Banner Klickbar

Video: Hur Man Gör En Banner Klickbar

Video: Hur Man Gör En Banner Klickbar
Video: Как собрать Х стенд (Х баннер) 2024, Maj
Anonim

Trots en betydande nedgång i popularitet sedan starten är banners idag fortfarande ett av de viktigaste reklammedierna på Internet. Den enklaste bannern är en enkel bild. Men för att den ska kunna utföra sin funktion till fullo måste du göra den klickbar.

Hur man gör en banner klickbar
Hur man gör en banner klickbar

Det är nödvändigt

förmågan att ändra markeringen av webbsidan

Instruktioner

Steg 1

Gör bannern klickbar genom att placera den i en hyperlänk. Använd HTML-elementet A. Lägg till en starttagg med ett href-attribut som pekar på målresursen samt en slutkod. Till exempel: Detta är det enklaste och mest använda sättet att lägga till banners på webbsidor. I själva verket är bilden här länkets ankare.

Steg 2

Använd klientkartor för att skapa flera hotspots i bannerbilden. I HTML-koden för ditt dokument lägger du till ett MAP-element med ett namnattribut som anger namnet på kartan. I MAP placerar du ett eller flera AREA-barn med rätt href-, form- och koordattribut. Till exempel: För IMG-elementet som definierar bannern, lägg till ett användarkartattribut som hänvisar till klientkartan. Till exempel: Med den här metoden kan du använda en banner för att omdirigera användaren till olika resurser, beroende på vilket område som har aktiverats.

Steg 3

Använd förmågan att hantera användarinmatningshändelser av klientskript för att starta processen att byta till en annan resurs när du klickar på en banner. Ställ onclick-hanteraren till rätt dokumentelement. Detta kan göras genom att lägga till attributet onclick till HTML-markeringen: eller direkt från skriptet: Den här metoden låter dig flexibelt styra processen för användaromdirigering när du klickar på en banner, men det fungerar inte när skript är inaktiverade i webbläsaren.

Steg 4

Bädda in bannern på webbsidan med hjälp av INPUT-elementet av typbild som ingår i formuläret för att göra det klickbart. Ett INPUT-element med en typattribut av bilden definierar en grafisk inlämningsknapp. Bildresursadressen anges av src-attributet. Till exempel: Tillämpning av denna metod för att visa en banner ger stora möjligheter. Så du kan skicka en stor mängd ytterligare data till servern med hjälp av dolda fält, särskilt med en POST-begäran för att skicka ett formulär. Du kan utföra några åtgärder på formuläret innan du skickar in genom att tilldela en onsubmit-hanterare. Det är tillåtet att tilldela en klientkarta till en knappbild med attributet usemap.

Rekommenderad: