Pop-up ablak az oldalon

előző ◈ a következő

A felugró ablakban az egyik leghatékonyabb módja, hogy hozzon létre egy listát e-mail felhasználók. Egy ablak jelenik meg, amikor a felhasználó megnyitja a helyszínen, és egy webes formában oldalt, egyszerűen nem lehet figyelmen kívül hagyni (például ígérnek valamit ingyen letölthető).

Az előnye ennek a megközelítésnek:

  1. A hatás óriási.
  2. Panaszok tőle egy kicsit.

jQuery felugró ablakban

Ahhoz, hogy hozzon létre egy pop-up ablak, használja a számos harmadik féltől származó programok, mint például, Opt-in Monster. LeadPages. vagy egy lista Builder plugin SumoMe. Ezek az alkalmazások könnyen kezelhető, de miért egy harmadik fél programot, ha a többség a CMS. jQuery, alapértelmezés szerint.

Ha a pop-up ablak, harmadik fél által készített alkalmazás, meg ebben a cikkben olyan egyszerű, hogy hozzon létre egy pop-up ablak segítségével a jQuery könyvtár. Lehet, hogy egy felugró jQuery webhelyen jobban fog működni.

csatlakozni jQuery

Ha CMS nem tartalmaz alapértelmezett jQuery könyvtár, akkor töltse le és csatlakozzon az oldalt. De ez könnyebb felvenni egy hivatkozás a jQuery könyvtár.

Továbbá az oldal még csatlakoztatni kell a két plug-in jQuery:

Az első plug-modális plugin. fogjuk használni, hogy hozzon létre egy pop-up ablak jelenik meg, miután a felhasználó meglátogat egy webhelyet. Amikor hozzáad egy plug-in a projekt, győződjön meg arról, hogy letöltötte az összes fájlt:

  • jquery.modal.min.js
  • jquery.modal.css
  • close.png
  • spinner.gif

Pop-up lehet tenni más modális plugint, de ez a lehetőség a legegyszerűbb.

A második plug-in, hogy szükség van egy jQuery Cookie. mi alkalmazza azt a felhasználó, aki rákattintott a pop-up ablakban „közel”. és nem látni a pop-up ablak egy hónapon belül.

Ez azt jelenti, hogy:

  1. Mindenkinek meg kell látni egy pop-up ablak legalább egyszer.
  2. Minden alkalommal, miután visszatért a honlap látogatói nem lát egy pop-up ablakban.

Erre a célra, Cookie, és ez meglehetősen jól működik.

Miután beleértve a jQuery plug-in, akkor létre kell hozni egy HTML fájlt, amely így néz ki:

Hozzon létre egy pop-up ablak

a címkék között . illessze be a következő:

Ez a kód a pop-up ablak jelenik meg, amikor a felhasználó megnyitja az oldalt. Ezzel a fajta kód pop-up ablak nem világos, de ez nem számít.

egy pár dolgot érdemes tisztázni:

  1. A felugró ablakban kell egy egyedi azonosítót. Ebben a példában azt használta a „OPN-win”.
  2. stílusú épület megjelenítésére van állítva „none”. amely a pop-up ablak nem jelenik meg a fő felületen.

mielőtt . meg kell adni, hogy a funkció kerül végrehajtásra egyszer, az oldal nyílik meg:

A pop-up ablak jelenik meg, ha az oldal betöltődik, akkor kell hozzá egy funkció, amely biztosítja számunkra a jQuery plugin:

Ha helyesen cselekedett, akkor frissíteni kell az oldalt a böngészőben, látnod kell egy pop-up ablak, mint az alábbi képen:

Pop-up ablak az oldalon
Pop-up ablak, az oldal betöltésekor

Ha azt szeretnénk, akkor megteheti, hogy az ablak nem jelenik meg azonnal. Ez jobb, ha van egy kis késés megnyitása után a felhasználó oldalakat. Ehhez hozzá kell adnunk egy funkciót setTimeout.

Az első érv - a funkció, amely készül, ebben az esetben, a pop-up ablakot, és a második paraméter a késleltetés (ezredmásodpercben).

Minden funkció a következőképpen néz ki:

A cookie-k kezelése

Akkor, ezen belül az új szolgáltatást, akkor hozzon létre egy sütit.

nevű cookie hideTheModal igaz. Mi is lehet az lejár paraméter meghatározza, hogy mennyi ideig tárolt cookie-t.

Ha kicseréli az érték az opció lejárata 1 - pop-up, naponta egyszer, 7 - pop-up hetente egyszer.

Hadd emlékeztessem önöket, hogy a Google Chrome böngésző nem támogatja a cookie-kat a helyi fájlokat. Ez azt jelenti, hogy meg kell, hogy teszteljék a funkcionalitást egy cookie-t más böngészőt.

Ezért jobb, ha hozzáadja a következő egység:

Az összefüggésben a kódot kell kinéznie:

következtetés

érdekes rekordok

Kapcsolódó cikkek

előző ◈ a következő