Jak łatwo dodać inteligentne banery aplikacji w WordPress

Wielu twórców aplikacji pytało nas: czy istnieje sposób na promowanie naszych aplikacji mobilnych bezpośrednio z naszej witryny WordPress? Odpowiedź brzmi: tak, i jest to łatwiejsze niż mogłoby się wydawać.

Jednym z najprostszych sposobów na to są inteligentne banery aplikacji. Te eleganckie małe banery pojawiają się płynnie w górnej części witryny internetowej, gdy zobaczą je na iPhone’ach i iPadach, delikatnie zachęcając odwiedzających do pobrania Twojej aplikacji lub otwarcia jej, jeśli już ją mają.

Inteligentne banery aplikacji to fantastyczny sposób na zwiększenie liczby pobrań, utrzymanie zaangażowania użytkowników i zapewnienie płynnej obsługi mobilnej. Jeśli chcesz dowiedzieć się więcej, znaleźliśmy 2 proste metody na dodanie ich do Twojej witryny WordPress.

Dlaczego warto dodawać banery Smart App w WordPress?

Wielu właścicieli witryn internetowych tworzy towarzyszącą im aplikację mobilną, w której odwiedzający mogą przeglądać ich treści w sposób zoptymalizowany pod kątem urządzeń mobilnych.

Ponieważ aplikacje te są przeznaczone na urządzenia mobilne, często zapewniają lepsze wrażenia użytkownika. Możesz również wyświetlać przypomnienia, spersonalizowane treści, oferty, aktualizacje i wiele więcej za pomocą mobilnych powiadomień push. Wszystko to oznacza większe zaangażowanie, konwersje i sprzedaż.

Jeśli nie masz jeszcze aplikacji mobilnej, zapoznaj się z naszym kompletnym przewodnikiem na temat przekształcania witryny internetowej WordPress w aplikację mobilną.

Możesz zachęcić użytkowników iPhone’ów i iPadów do pobrania Twojej aplikacji mobilnej za pomocą inteligentnego banera aplikacji. Jest to baner, który pojawia się u góry ekranu, gdy użytkownik iOS przejdzie na twoją witrynę za pomocą przeglądarki Safari.

Odwiedzający mogą kliknąć baner, aby pobrać twoją aplikację z App Store. Jeśli odwiedzający ma już twoją aplikację, baner poprosi go o jej otwarcie. W ten sposób można uzyskać więcej pobrań aplikacji i zaangażowania.

Jeśli odwiedzający korzysta z urządzenia innego niż Apple lub innej przeglądarki internetowej, WordPress automatycznie ukryje przed nim baner.

Przykładowo, poniższy obrazek przedstawia tę samą witrynę internetową w przeglądarce mobilnej Chrome.

Mając to na uwadze, zobaczmy, jak dodać inteligentne banery aplikacji w WordPress. Skorzystaj z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:

Metoda 1: Korzystanie z WPCode (wyświetlanie banera Smart App w WordPress)

Najprostszym sposobem na dodanie inteligentnych banerów aplikacji do twojej witryny internetowej WordPress jest użycie WPCode. Ta darmowa wtyczka pozwala wyświetlać ten sam baner na każdej stronie i wpisie za pomocą jednej linii kodu.

Mając to na uwadze, WPCode jest idealnym wyborem, jeśli chcesz promować pojedynczą aplikację iOS. Jeśli jednak chcesz wyświetlać różne banery na różnych stronach, zalecamy skorzystanie z metody 2.

Podczas dodawania własnego kodu do WordPressa, niektóre przewodniki poproszą cię o edycję pliku functions.php twojej witryny. Nie zalecamy tego, ponieważ nawet mała literówka lub błąd może spowodować typowe błędy WordPressa, a nawet sprawić, że twoja witryna będzie niedostępna.

Korzystając z WPCode, możesz dodawać własny kod do plików motywu WordPress bez żadnego ryzyka. Można również włączać i wyłączać fragmenty kodu za pomocą kliknięcia przycisku.

Najpierw należy zainstalować i włączyć darmową wtyczkę WPCode. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź do Code Snippets ” Add Snippet. Następnie kliknij przycisk „Use Snippet” pod opcją „Add Your Custom Code (New Snippet)”.

Spowoduje to przejście do strony „Utwórz własny fragment kodu”, na której można wpisać rodzaj nazwy fragmentu kodu. To jest tylko dla twojego odniesienia, więc możesz użyć czegokolwiek chcesz.

Następnie otwórz menu rozwijane „Rodzaj kodu” i wybierz „Fragment kodu HTML”.

Do następnego kroku potrzebny będzie identyfikator twojej aplikacji.

Aby uzyskać te informacje, otwórz nową kartę przeglądarki i przejdź na stronę Apple Services Marketing Tools. Tutaj wpisz rodzaj aplikacji, którą chcesz promować i kliknij ikonkę „Szukaj”.

Aby zobaczyć wszystkie aplikacje iOS, które pasują do twojego wyszukiwanego terminu, po prostu przewiń do sekcji „Aplikacje”.

Tutaj znajdź aplikację, którą chcesz promować i kliknij ją.

W dolnej części ekranu znajduje się odnośnik do treści.

Identyfikator aplikacji to wartość pomiędzy id i ?. Informacje te będą potrzebne w następnym kroku, więc albo pozostaw tę kartę otwartą, albo zanotuj identyfikator aplikacji.

Teraz, gdy masz już identyfikator aplikacji, wróć do kokpitu WordPress. Możesz teraz dodać następujący fragment kodu do edytora kodu, zastępując identyfikator aplikacji informacjami uzyskanymi w poprzednim kroku:

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

Po wykonaniu tej czynności należy przewinąć do pola „Wstaw”. Jeśli nie jest jeszcze zaznaczone, kliknij „Auto Insert”, a następnie wybierz „Site Wide Header” z rozwijanego menu.

Gdy będziesz gotowy, przewiń do góry strony i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Na koniec kliknij przycisk „Zapisz fragment kodu”, aby zapisać twoje zmiany.

Teraz baner inteligentnej aplikacji pojawi się na twojej witrynie internetowej WordPress.

Jak przetestować kod banera Smart App w WordPress?

Najlepszym sposobem na przetestowanie inteligentnego banera aplikacji jest przejście na twoją witrynę internetową na urządzeniu z systemem iOS za pomocą aplikacji mobilnej Safari. W rzeczywistości baner inteligentnej aplikacji nie pojawi się nawet, jeśli spróbujesz zobaczyć mobilną wersję Twojej witryny WordPress z komputera.

Jeśli chcesz szybko sprawdzić, czy fragment kodu działa, jednym z obejść jest użycie narzędzia Inspect w twojej przeglądarce. Pozwala ono sprawdzić, czy kod <meta name> został wstawiony do sekcji <head>twojej witryny, co sugeruje, że działa zgodnie z oczekiwaniami.

Aby to zrobić, przejdź do dowolnej strony lub wpisu na twoim blogu WordPress. Następnie kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i wybierz opcję „Sprawdź”.

Otworzy się nowy panel pokazujący cały kod witryny.

Wystarczy znaleźć sekcję <head> i kliknąć strzałkę, aby ją rozwinąć.

Teraz poszukaj kodu <meta name="apple-itunes-app">, który dodałeś w poprzednim kroku.

Jeśli widzisz ten kod, baner inteligentnej aplikacji powinien pojawić się na urządzeniach z systemem iOS.

Metoda 2: Korzystanie z banerów Smart App (dodawanie banerów do określonych stron i wpisów)

Czasami warto promować aplikacje tylko na określonych stronach i wpisach.

W takim przypadku zalecamy użycie wtyczki Smart App Banner. Wtyczka ta umożliwia wyświetlanie różnych banerów na różnych stronach internetowych i umieszczanie w nich danych afiliacyjnych. Te funkcje sprawiają, że jest to świetna wtyczka dla marketingowców afiliacyjnych.

Najpierw należy zainstalować i włączyć wtyczkę Smart App Banner. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu możesz dodać baner aplikacji do określonych stron lub wpisów, strony głównej WordPress lub całej twojej witryny internetowej.

Na początek przyjrzyjmy się ustawieniom aplikacji. Tutaj możesz dodać baner do każdej strony i wpisu lub dodać inteligentny baner aplikacji tylko do stron docelowych o wysokiej konwersji.

Aby rozpocząć, przejdź do Ustawienia ” Smart App Banner i wpisz wartość aplikacji w polu „Identyfikator aplikacji”.

Informacje te można uzyskać, wykonując ten sam proces opisany w Metodzie 1.

Jeśli korzystasz z marketingu afiliacyjnego do zarabiania pieniędzy na blogu online, możesz wpisać twój token afiliacyjny w polu „Dane afiliacyjne”. Informacje będą się różnić, więc może być konieczne logowanie się do twojego portalu afiliacyjnego lub rozmowa z partnerami, aby uzyskać właściwy token.

Następnie można zaznaczyć pole „Pokaż na wszystkich stronach” lub pozostawić je niezaznaczone. Jeśli pozostawisz to pole niezaznaczone, baner aplikacji pojawi się tylko na twojej stronie głównej.

Gdy jesteś zadowolony z konfiguracji banera, po prostu kliknij przycisk „Zapisz zmiany”, aby go uruchomić.

Czy zamiast tego chcesz dodać baner inteligentnej aplikacji do określonych stron i wpisów? Dzięki temu możesz dokładnie kontrolować, gdzie baner pojawia się w twojej witrynie internetowej.

Na przykład, jeśli jesteś marketingowcem afiliacyjnym, możesz promować różne aplikacje na różnych stronach, a następnie korzystać z Google Analytics, aby zobaczyć, które banery uzyskują najwięcej konwersji.

Aby to zrobić, po prostu otwórz stronę lub wpis, w którym chcesz dodać baner. Teraz znajdź nową sekcję „Smart App Banner” w edytorze treści WordPress.

Tutaj wystarczy dodać identyfikator aplikacji i opcjonalne informacje o partnerze, postępując zgodnie z tym samym procesem opisanym powyżej.

Gdy wpiszesz swoje dane, kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby wprowadzić zmiany.

Następnie możesz po prostu powtórzyć te kroki, aby dodać inteligentny baner aplikacji do innych twoich stron docelowych.

Najczęściej zadawane pytania dotyczące dodawania banerów Smart App w WordPress

Jeśli nadal masz pytania, oto nasze najczęściej zadawane pytania dotyczące dodawania inteligentnych banerów do twojej witryny internetowej WordPress.

Czym jest inteligentny baner aplikacji?

Inteligentne banery aplikacji pojawiają się w górnej części przeglądarki Safari i dają użytkownikom aplikacji możliwość otwarcia aplikacji lub pobrania jej ze sklepu Apple App Store.

Ponieważ zostały stworzone przez Apple, inteligentne banery aplikacji mają spójny wygląd, który rozpoznaje wielu użytkowników iOS. Pojawiają się one tylko osobom korzystającym z iPhone’ów i iPadów z systemem iOS 6 lub nowszym.

Dlaczego nie widzę banera aplikacji na komputerze?

Baner inteligentnej aplikacji nie pojawi się na komputerach stacjonarnych, nawet jeśli użytkownik zobaczy mobilną wersję twojej witryny.

Aby zobaczyć baner w działaniu, musisz przejść na twoją witrynę na iPhonie lub iPadzie za pomocą aplikacji mobilnej Safari.

Dlaczego nie widzę banera aplikacji smart na moim iPhonie lub iPadzie?

Banery inteligentnych aplikacji pojawiają się tylko na urządzeniach z systemem iOS 6 lub nowszym, gdy używana jest aplikacja mobilna Safari. Jeśli nie widzisz banera aplikacji inteligentnych, powinieneś zacząć od sprawdzenia, czy masz najnowsze wersje systemu iOS i aplikacji mobilnej Safari.

Baner inteligentnej aplikacji wykrywa również, czy urządzenie może obsługiwać aplikację i czy aplikacja jest dostępna w twojej lokalizacji. Jeśli nie widzisz banera aplikacji inteligentnej, możliwe, że twoje urządzenie nie przeszło jednej z tych kontroli.

Dlaczego baner inteligentnych aplikacji zniknął w Safari?

Jeśli odrzucisz baner, klikając przycisk „x”, domyślnie nie pojawi się on ponownie.

W zależności od urządzenia mobilnego może być konieczne otwarcie prywatnej karty przeglądarki, wyczyszczenie pamięci podręcznej lub plików ciasteczka lub wykonanie innego działania w celu zresetowania ustawień.

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się dodawać inteligentne banery aplikacji w WordPress. Możesz również zapoznać się z naszym przewodnikiem po najlepszych praktykach dotyczących działań typu call-to-action lub naszymi propozycjami ekspertów dotyczącymi najlepszych narzędzi WordPress do przyciągania potencjalnych klientów w celu zwiększenia konwersji.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.