So fügen Sie ganz einfach Smart App Banners in WordPress hinzu

Viele App-Entwickler haben uns gefragt: Gibt es eine Möglichkeit, unsere mobilen Apps direkt von unserer WordPress-Website aus zu bewerben? Die Antwort ist ja, und es ist einfacher, als Sie vielleicht denken.

Eine der einfachsten Möglichkeiten, dies zu tun, sind Smart App Banners. Diese schlanken kleinen Banner erscheinen nahtlos am oberen Rand Ihrer Website, wenn sie auf iPhones und iPads angezeigt werden.

Sie sind nicht störend wie Pop-ups – stattdessen fügen sie sich nahtlos in Ihre Website ein und geben Besuchern einen sanften Anstoß, Ihre App herunterzuladen oder zu öffnen. Das Ergebnis? Mehr Downloads, besseres Nutzerengagement und ein professionelleres mobiles Erlebnis.

Wir haben verschiedene Methoden zum Hinzufügen dieser Banner zu WordPress getestet und zwei Ansätze gefunden, die für jedes Fähigkeitsniveau perfekt funktionieren. Egal, ob Sie ein Plugin bevorzugen oder einfachen Code hinzufügen möchten, wir führen Sie Schritt für Schritt durch beide Optionen.

Warum Smart App Banner in WordPress hinzufügen?

Viele Website-Betreiber erstellen eine begleitende mobile App, mit der Besucher ihre Inhalte auf eine für Mobilgeräte optimierte Weise durchsuchen können.

Da diese Apps für mobile Geräte konzipiert sind, bieten sie oft eine bessere Benutzererfahrung. Sie können auch Erinnerungen, personalisierte Inhalte, Angebote, Updates und mehr über mobile Push-Benachrichtigungen anzeigen. All dies bedeutet mehr Engagement, Konversionen und Verkäufe.

Sie können iPhone- und iPad-Benutzer mit einem Smart App Banner dazu ermutigen, Ihre mobile App herunterzuladen. Dies ist ein Banner, das am oberen Bildschirmrand erscheint, wenn ein iOS-Benutzer Ihre Website mit dem Safari-Browser besucht.

Besucher können auf das Banner klicken, um Ihre App aus dem App Store herunterzuladen. Wenn der Besucher Ihre App bereits hat, werden sie vom Banner aufgefordert, stattdessen die App zu öffnen. Auf diese Weise können Sie mehr App-Downloads und Interaktionen erzielen.

Wenn der Besucher ein Nicht-Apple-Gerät oder einen anderen Webbrowser verwendet, blendet WordPress das Banner automatisch für ihn aus.

Zum Beispiel zeigt das folgende Bild dieselbe Webseite im mobilen Chrome-Browser.

Mit diesem Wissen wollen wir sehen, wie Sie Smart App Banner in WordPress hinzufügen können. Verwenden Sie einfach die Schnelllinks unten, um direkt zu der Methode zu springen, die Sie verwenden möchten:

• Methode 1: WPCode verwenden (Smart App Banner in ganz WordPress anzeigen)
• Methode 2: Verwendung von Smart App Banner (Banner zu bestimmten Seiten und Beiträgen hinzufügen)
• FAQs zum Hinzufügen von Smart App Banners in WordPress

Methode 1: WPCode verwenden (Smart App Banner in ganz WordPress anzeigen)

Der einfachste Weg, Smart App Banner zu Ihrer WordPress-Website hinzuzufügen, ist die Verwendung von WPCode. Dieses kostenlose Plugin ermöglicht es Ihnen, mit einer einzigen Codezeile dasselbe Banner auf jeder Seite und jedem Beitrag anzuzeigen.

In diesem Sinne ist WPCode die perfekte Wahl, wenn Sie eine einzelne iOS-Anwendung bewerben möchten. Wenn Sie jedoch auf verschiedenen Seiten unterschiedliche Banner anzeigen möchten, empfehlen wir stattdessen Methode 2.

Beim Hinzufügen von benutzerdefiniertem Code zu WordPress werden Sie in einigen Anleitungen aufgefordert, die functions.php-Datei Ihrer Website zu bearbeiten. Wir empfehlen dies nicht, da selbst ein kleiner Tippfehler oder Fehler häufige WordPress-Fehler verursachen oder Ihre Website sogar unzugänglich machen kann.

Mit WPCode können Sie benutzerdefinierten Code zu Ihren WordPress-Theme-Dateien hinzufügen, ohne Risiken einzugehen. Sie können Code-Snippets auch per Knopfdruck aktivieren und deaktivieren.

Zuerst müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserem Leitfaden für Anfänger zum Thema Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu Code-Snippets » Snippet hinzufügen. Klicken Sie dann unter der Option „Benutzerdefinierten Code hinzufügen (Neues Snippet)“ auf die Schaltfläche „+ Benutzerdefiniertes Snippet hinzufügen“.

Als Nächstes müssen Sie 'HTML-Snippet' als Code-Typ aus der Liste der Optionen auswählen, die auf dem Bildschirm erscheinen.

Dies führt Sie zur Seite „Benutzerdefinierten Ausschnitt erstellen“, auf der Sie einen Namen für den Code-Ausschnitt eingeben können.

Dies dient nur zu Ihrer Information, sodass Sie alles verwenden können, was Sie möchten.

Für den nächsten Schritt müssen Sie die ID Ihrer Anwendung kennen.

Um diese Informationen zu erhalten, öffnen Sie einen neuen Browser-Tab und rufen Sie die Seite Apple Services Marketing Tools auf. Geben Sie hier den Namen der Anwendung ein, die Sie bewerben möchten, und klicken Sie auf das Symbol „Suchen“.

Um alle iOS-Apps anzuzeigen, die Ihrem Suchbegriff entsprechen, scrollen Sie einfach zum Abschnitt 'Apps'.

Hier finden Sie die App, die Sie bewerben möchten, und klicken Sie darauf.

Am unteren Bildschirmrand sehen Sie einen 'Content Link'.

Die App-ID ist der Wert zwischen id und ?. Sie benötigen diese Informationen im nächsten Schritt, lassen Sie diesen Tab also geöffnet oder notieren Sie sich die App-ID.

Jetzt, da Sie die App-ID haben, wechseln Sie zurück zum WordPress-Dashboard. Sie können den folgenden Ausschnitt jetzt in den Code-Editor einfügen und die App-ID durch die Informationen ersetzen, die Sie im vorherigen Schritt erhalten haben:

<meta name="apple-itunes-app" content="app-id=12345678">

Wenn Sie damit fertig sind, scrollen Sie zum Feld „Einfügen“. Wenn es noch nicht ausgewählt ist, klicken Sie auf „Automatisch einfügen“ und wählen Sie dann aus dem Dropdown-Menü „Website-Header“ aus.

Wenn Sie bereit sind, scrollen Sie zum Seitenanfang und schalten Sie den Schalter 'Inaktiv' auf 'Aktiv'.

Klicken Sie abschließend einfach auf die Schaltfläche „Snippet speichern“, um Ihre Änderungen zu speichern.

Nun wird das Smart-App-Banner auf Ihrer WordPress-Website angezeigt.

So testen Sie den Smart App Banner-Code in WordPress

Der beste Weg, das Smart App Banner zu testen, ist, Ihre Website auf einem iOS-Gerät mit der mobilen Safari-App zu besuchen. Tatsächlich wird das Smart App Banner nicht einmal angezeigt, wenn Sie versuchen, die mobile Version Ihrer WordPress-Website vom Desktop aus anzuzeigen.

Wenn Sie schnell überprüfen müssen, ob der Code-Schnipsel funktioniert, können Sie als Workaround das Inspect-Tool Ihres Browsers verwenden. Es ermöglicht Ihnen zu sehen, ob der <meta name>-Code in den <head>-Bereich Ihrer Website eingefügt wurde, was darauf hindeutet, dass er wie erwartet funktioniert.

Um dies zu tun, gehen Sie zu einer beliebigen Seite oder einem Beitrag auf Ihrem WordPress-Blog. Klicken Sie dann mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie 'Untersuchen'.

Ein neues Panel wird geöffnet und zeigt den gesamten Code der Website an.

Suchen Sie einfach den <head>-Abschnitt und klicken Sie auf den Pfeil, um ihn zu erweitern.

Suchen Sie nun nach dem <meta name="apple-itunes-app"> Code, den Sie im vorherigen Schritt hinzugefügt haben.

Wenn Sie diesen Code sehen, sollte das Smart App Banner auf iOS-Geräten angezeigt werden.

Methode 2: Verwendung von Smart App Banner (Banner zu bestimmten Seiten und Beiträgen hinzufügen)

Manchmal möchten Sie Apps nur auf bestimmten Seiten und Beiträgen bewerben.

In diesem Fall empfehlen wir die Verwendung des Smart App Banner-Plugins. Dieses Plugin ermöglicht es Ihnen, verschiedene Banner auf verschiedenen Webseiten anzuzeigen und Affiliate-Daten in diese Banner einzufügen. Diese Funktionen machen es zu einem großartigen Plugin für Affiliate-Marketer.

Zuerst müssen Sie das Smart App Banner Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung können Sie ein App-Banner auf bestimmten Seiten oder Beiträgen, der WordPress-Startseite oder auf Ihrer gesamten Website hinzufügen.

Um zu beginnen, werfen wir einen Blick auf die Einstellungen der App. Hier können Sie ein Banner zu jeder Seite und jedem Beitrag hinzufügen oder ein intelligentes App-Banner nur zu hochkonvertierenden Landingpages hinzufügen.

Gehen Sie zunächst zu Einstellungen » Smart App Banner und geben Sie den Wert der Anwendung in das Feld „App-ID“ ein.

Sie können diese Informationen erhalten, indem Sie denselben Prozess wie in Methode 1 beschrieben befolgen.

Wenn Sie Affiliate-Marketing nutzen, um online mit dem Bloggen Geld zu verdienen, können Sie Ihr Affiliate-Token in das Feld „Affiliate-Daten“ eingeben. Die Informationen variieren, daher müssen Sie sich möglicherweise in Ihr Affiliate-Portal einloggen oder mit Ihren Partnern sprechen, um das richtige Token zu erhalten.

Danach können Sie entweder das Kontrollkästchen 'Auf allen Seiten anzeigen' aktivieren oder es deaktiviert lassen. Wenn Sie das Feld deaktiviert lassen, wird das App-Banner nur auf Ihrer Homepage angezeigt.

Wenn Sie mit der Einrichtung des Banners zufrieden sind, klicken Sie einfach auf die Schaltfläche „Änderungen speichern“, um es live zu schalten.

Möchten Sie stattdessen ein Smart App Banner zu bestimmten Seiten und Beiträgen hinzufügen? Dies ermöglicht es Ihnen, genau zu steuern, wo das Banner auf Ihrer Website erscheint.

Wenn Sie beispielsweise Affiliate-Vermarkter sind, bewerben Sie möglicherweise verschiedene Apps auf verschiedenen Seiten und verwenden dann Google Analytics, um zu sehen, welche Banner die meisten Conversions erzielen.

Um dies zu tun, öffnen Sie einfach die Seite oder den Beitrag, auf dem Sie das Banner hinzufügen möchten. Suchen Sie nun im WordPress-Inhaltseditor den neuen Abschnitt „Smart App Banner“.

Fügen Sie hier einfach die App-ID und optionale Affiliate-Informationen hinzu, indem Sie denselben Prozess wie oben beschrieben befolgen.

Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie einfach auf 'Aktualisieren' oder 'Veröffentlichen', um Ihre Änderungen live zu schalten.

Dann können Sie einfach diese Schritte wiederholen, um ein Smart App Banner zu Ihren anderen Landingpages hinzuzufügen.

FAQs zum Hinzufügen von Smart App Banners in WordPress

Wenn Sie noch Fragen haben, finden Sie hier unsere Top-FAQs, wie Sie Smart Banners zu Ihrer WordPress-Website hinzufügen.

Was ist ein Smart App Banner?

Smart App Banner werden am oberen Rand des Safari-Webbrowsers angezeigt und bieten App-Benutzern die Möglichkeit, eine App zu öffnen oder sie aus dem Apple App Store herunterzuladen.

Da Smart App Banners von Apple entwickelt wurden, haben sie ein einheitliches Design, das viele iOS-Benutzer erkennen. Sie werden nur Personen angezeigt, die iPhones und iPads mit iOS 6 oder höher verwenden.

Warum sehe ich mein Smart App Banner nicht auf dem Desktop?

Das Smart App Banner wird auf Desktop-Computern nicht angezeigt, auch wenn Sie die mobile Version Ihrer Website aufrufen.

Um das Banner in Aktion zu sehen, müssen Sie Ihre Website auf einem iPhone oder iPad über die mobile Safari-App besuchen.

Warum sehe ich das Smart App Banner auf meinem iPhone oder iPad nicht?

Smart App Banner werden nur auf Geräten mit iOS 6 oder höher angezeigt, wenn Sie die mobile Safari-App verwenden. Wenn Sie das Smart App Banner nicht sehen, sollten Sie zunächst prüfen, ob Sie die neuesten Versionen von iOS und der mobilen Safari-App haben.

Das Smart App Banner erkennt auch, ob das Gerät die App unterstützt und ob die App an Ihrem Standort verfügbar ist. Wenn Sie das Smart App Banner nicht sehen, ist es möglich, dass Ihr Gerät eine dieser Prüfungen nicht bestanden hat.

Warum ist das Smart App Banner in Safari verschwunden?

Wenn Sie das Banner durch Klicken auf das 'x'-Symbol ausblenden, wird es standardmäßig nicht wieder angezeigt.

Abhängig von Ihrem Mobilgerät müssen Sie möglicherweise einen privaten Browser-Tab öffnen, Ihren Cache oder Ihre Cookies löschen oder eine andere Aktion ausführen, um Ihre Einstellungen zurückzusetzen.

Wir hoffen, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie Smart App Banner in WordPress hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden zu Call-to-Action Best Practices oder unsere Expertenauswahl für die besten WordPress Lead-Magnet-Tools zur Steigerung der Conversions sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.