Script "Popup wenn mit mobilen Gerät auf der Seite"

[TechnicalReviews3000]

Hallo,
Gibt es Scripts, dass wenn man mit einem mobilen. Gerät auf der. Seite ist sich ein Popup Fenster öffnet? Sehe sowas öfters bei irgendwelchen Seiten.
Oder kommen wieder nur. Tipps um sowas zu schreiben?

 

[CPCoder]

Das kannst du mit ein paar Zeilen Javascript selber realisieren.
Hierzu checkst du einfach per Javascript ob es sich bei dem Browser des Users um eine mobile Version handelt (Stichwort: Useragent).

Beispiel für iPhone:

if (navigator.userAgent.match(/iPhone/i) {
    // Weiterer Code (z.B. Popupfenster anzeigen)
}

 

[Dominic28]

Hey,
So ein Script sollte dir auch helfen: http://detectmobilebrowsers.com/

Es kommen "nur" Tipps, damit man auch versteht was man da macht und nicht einfach nur alles kopiert.
Entweder will man es selber lernen, oder man sucht sich jemanden der das kann und bezahlt diesen entsprechend dafür.

 

[TechnicalReviews3000]

@CPCoder: es gibt ja diese "alert-scripts", das:

<script>alert('hi');</script>

Aber wie muss der dann lauten wenn es 2 Antwortmöglichkeiten geben soll, bei dem einen wenn man darauf klickt geht wie Meldung einfach weg (wie bei diesem Script momentan) und beim anderen geht es auf eine andere Seite? ;)

 

[CPCoder]

Das was du suchst ist confirm().

Beispiel:

<script>
if (confirm('Text der angezeigt werden soll')) {
    window.location.href = "http://google.de"; //Wenn OK geklickt, dann Weiterleitung auf diese Seite
}
</script>

 

[TechnicalReviews3000]

Danke, genau das hab ich gemeint :)
Jetzt fehlt noch dass, das es nur kommt wenn man mit einem Smartphone da ist ;)

 

[CPCoder]

Jetzt fehlt noch dass, das es nur kommt wenn man mit einem Smartphone da ist ;)

Hierzu hast du schon entsprechende Tips bekommen, nun ist es an der Zeit für dich etwas Eigeninitiative zu zeigen.
Solltest du dann an irgendeiner Stelle mit deinem Code nicht weiterkommen, kannst du dich gerne wieder melden.

Wir sind hier schliesslich kein "macht mal für mich" Forum ;)

 

[TechnicalReviews3000]

Ja, habs schon versucht, aber weiß nicht genau wo der erste Code dann hin soll ;)
Habe jetzt momentan dass:

<script>
if (navigator.userAgent.match(/iphone/i) {
if (confirm('Schon gewusst, dass es eine Fan-App im AppStore gibt? Jetzt die kostenlose App downloaden!')) {
window.location.href = "http://goo.gl/NK1kr3";}
</script>

Beim PC kommt nun kein Popup mehr, aber auch nicht beim iPhone/iPad :/
Was ist falsch?

 

[Dominic28]

Du schließt die If-Abfrage nicht ;)

 

[TechnicalReviews3000]

Ah, danke, jetzt gehts :)

 

[Dominic28]

Auch das gehört zu den Grundlagen und das richtige öffnen und schließen von Klammern sollte nun wirklich kein Problem sein.
So müsste es aussehen:

<script>
if (navigator.userAgent.match(/iphone/i)) {
    if (confirm('Schon gewusst, dass es eine Fan-App im AppStore gibt? Jetzt die kostenlose App downloaden!')) {
        window.location.href = "http://goo.gl/NK1kr3";
    }
}
</script>

 

[TechnicalReviews3000]

Ok, habs grad auch geändert das ichs jetzt habe, trotzdem danke ;)

 

[CPCoder]

Noch ein kleiner Tip von mir...
Erweitere dein Script wie nachfolgend, damit du auch den iPod Touch, sowie das iPad abdecken kannst.

<script>
if ((navigator.userAgent.match(/iphone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))){
    if (confirm('Schon gewusst, dass es eine Fan-App im AppStore gibt? Jetzt die kostenlose App downloaden!')) {
        window.location.href = "http://goo.gl/NK1kr3";
    }
}
</script>

Hast du eine spezielle iPad-Version deiner App, dann kannst du das Script wie folgt anpassen, damit jeweils zur richtigen App weitergeleitet wird.

<script>
if ((navigator.userAgent.match(/iphone/i)) || (navigator.userAgent.match(/iPod/i))) {
    if (confirm('Schon gewusst, dass es eine Fan-App im AppStore gibt? Jetzt die kostenlose App downloaden!')) {
        window.location.href = "http://goo.gl/NK1kr3";
    }
} else if (navigator.userAgent.match(/iPad/i)) {
    if (confirm('Schon gewusst, dass es eine Fan-App im AppStore gibt? Jetzt die kostenlose App downloaden!')) {
        window.location.href = "Hier kommt der Link zur iPad-Version deiner App rein";
    }
}
</script>

So, nu war ich aber großzügig genug für heute :)