Vill du lägga till smarta app-banners i WordPress?
Smarta banners är ett enkelt sätt att marknadsföra din mobilapp och få besökare att ladda ner den. Om en iOS-användare redan har din app kommer bannern att uppmuntra dem att öppna appen för en bättre användarupplevelse.
I den här artikeln visar vi dig hur du lägger till smarta appbanners till WordPress.
Varför lägga till smarta app-banners i WordPress?
Många webbplatsägare skapar en kompletterande mobilapp där besökare kan utforska sitt innehåll på ett mobiloptimerat sätt.
Eftersom dessa appar är designade för mobila enheter ger de ofta en bättre användarupplevelse. Du kan också visa påminnelser, personligt innehåll, erbjudanden, uppdateringar och mer med hjälp av mobila push-meddelanden. Allt detta innebär mer engagemang, konverteringar och försäljning.
Om du inte har en mobilapp än kan du kolla in vår kompletta guide om hur du konverterar en WordPress-webbplats till en mobilapp.
Du kan uppmuntra iPhone- och iPad-användare att ladda ner din mobilapp med hjälp av en smart app-banner. Detta är en banner som visas högst upp på skärmen när en iOS-användare besöker din webbplats med webbläsaren Safari.
Besökare kan klicka på bannern för att ladda ner din app från App Store. Om besökaren redan har din app kommer bannern att be dem att öppna appen. På så sätt kan du få fler nedladdningar och engagemang.
Om besökaren använder en icke-Apple-enhet eller en annan webbläsare kommer WordPress automatiskt att dölja bannern för dem.
Till exempel visar bilden nedan samma webbplats i Chrome-mobilwebbläsaren.
Med det sagt, låt oss se hur du kan lägga till smarta app-banners i WordPress. Använd helt enkelt snabblänkarna nedan för att gå direkt till metoden du vill använda:
Metod 1 – Använd WPCode (Visa en smart app-banner i WordPress)
Det enklaste sättet att lägga till smarta app-banners till din WordPress-webbplats är att använda WPC-kod. Detta gratis plugin låter dig visa samma banner på varje sida och publicera med en rad kod.
Med detta i åtanke är WPCode det perfekta valet om du vill marknadsföra en enda iOS-app. Men om du vill visa olika banners på olika sidor rekommenderar vi att du använder metod 2.
När du lägger till anpassad kod till WordPress kommer vissa guider att be dig redigera din webbplats functions.php-fil. Vi rekommenderar inte detta, eftersom även ett litet stavfel eller fel kan orsaka vanliga WordPress-fel eller till och med göra din webbplats otillgänglig.
Genom att använda WPCode kan du lägga till anpassad kod till WordPress utan risk. Du kan också aktivera och inaktivera kodavsnitt med ett knapptryck.
Först måste du installera och aktivera det kostnadsfria WPCode-pluginet. För mer instruktioner, se vår nybörjarguide om hur du installerar ett WordPress-plugin.
Efter aktivering, gå till Kodavsnitt » Lägg till kodavsnitt. Klicka sedan på knappen “Använd kodavsnitt” under alternativet “Lägg till din anpassade kod (nytt kodavsnitt)”.
Detta tar dig till sidan “Skapa anpassat kodavsnitt”, där du kan ange ett namn för kodavsnittet. Detta är bara för din referens, så du kan använda vad du vill.
Öppna sedan rullgardinsmenyn “Code Type” och välj “HTML Snippet”.
För nästa steg måste du känna till ditt app-ID.
För att få denna information, öppna en ny webbläsarflik och gå till Apple Services marknadsföringsverktyg sida. Här skriver du namnet på appen du vill marknadsföra och klickar på ikonen “Sök”.
För att se alla iOS-appar som matchar din sökterm, scrolla helt enkelt till avsnittet “Appar”.
Här hittar du appen du vill marknadsföra och klickar på den.
Längst ner på skärmen ser du en “Innehållslänk.”
Applikations-ID:t är värdet mellan id och ?. Du behöver denna information i nästa steg, så lämna den här fliken öppen eller skriv ner app-ID:t.
Nu när du har app-ID:t går du tillbaka till WordPress-instrumentpanelen. Nu kan du lägga till följande kodavsnitt i kodredigeraren och ersätta app-ID:t med informationen du fick i föregående steg:
När detta är gjort måste du bläddra till rutan ‘Infoga’. Om den inte redan är markerad klickar du på “Infoga automatiskt” och väljer sedan “Sitewide Header” från rullgardinsmenyn.
När du är redo, scrolla till toppen av sidan och växla “Inaktiv”-omkopplaren till “Aktiv”.
Slutligen klickar du bara på knappen “Spara utdrag” för att spara dina ändringar.
Nu kommer den smarta appbannern att dyka upp på din WordPress-webbplats.
Hur man testar Smart App Banner Code i WordPress
Det bästa sättet att testa den smarta appbannern är genom att besöka din webbplats på en iOS-enhet med Safari-mobilappen. Faktum är att Smart App-bannern inte ens visas om du försöker se mobilversionen av din WordPress-webbplats från skrivbordet.
Om du snabbt behöver kontrollera om kodavsnittet fungerar är en alternativ lösning att använda din webbläsares Inspect-verktyg. Låter dig se om koden har infogats på webbplatsen.
avsnitt, vilket tyder på att det fungerar som förväntat.
För att göra detta, gå till valfri sida eller inlägg på din WordPress-blogg. Högerklicka sedan var som helst på sidan och välj “Inspektera”.
En ny panel öppnas som visar all kod för webbplatsen.
Hitta helt enkelt
och klicka på pilen för att expandera den.
Hitta nu koden som du lade till i föregående steg.
Om du ser den här koden bör Smart App-bannern visas på iOS-enheter.
Metod 2: Använd smarta app-banners (lägg till banners på specifika sidor och inlägg)
Ibland kanske du vill marknadsföra appar endast på specifika sidor och inlägg. Till exempel skulle du vanligtvis inte visa en smart app-banner på försäljningssidor och målsidor, eftersom bannern kan distrahera från huvuduppmaningen.
Du kanske till och med vill visa olika banners i olika delar av din webbplats. Om du till exempel är en affiliate-marknadsförare kan du ha en lista över appar som du vill marknadsföra.
I det här fallet rekommenderar vi att du använder Smart app-banner plugg. Detta plugin låter dig visa olika banners på olika sidor och inkludera affiliatedata på dessa banners. Dessa funktioner gör det till ett bra plugin för affiliate-marknadsförare.
Först måste du installera och aktivera Smart App Banner-plugin. Om du behöver hjälp, kolla in vår guide om hur du installerar ett WordPress-plugin.
Efter aktivering kan du lägga till en appbanner på specifika sidor eller inlägg, på WordPress-hemsidan eller på hela din webbplats.
För att börja, låt oss titta på applikationsinställningarna. Här kan du lägga till en banner på varje sida och publicera eller lägga till en smart app-banner bara på din startsida.
För att komma igång, gå till Inställningar » Smart App Banner och skriv in programmets värde i fältet “Applikations-ID”.
Du kan få denna information genom att följa samma process som beskrivs i metod 1.
Om du använder affiliate-marknadsföring för att tjäna pengar på att blogga online, kan du skriva in din affiliate-token i fältet “Affiliate Data”. Informationen kommer att variera, så du kan behöva logga in på din affiliateportal eller prata med dina partners för att få rätt token.
Efter det kan du markera rutan “Visa på alla sidor” eller lämna den omarkerad. Om du lämnar rutan omarkerad kommer appbannern endast att visas på din startsida.
När du är nöjd med bannerinställningarna klickar du bara på knappen “Spara ändringar” för att publicera den.
Vill du lägga till en smart app-banner på specifika sidor och inlägg? Detta gör att du kan kontrollera exakt var bannern visas på din webbplats.
Om du till exempel är en affiliate-marknadsförare kan du marknadsföra olika appar på olika sidor och sedan använda Google Analytics för att se vilka banners som får flest konverteringar.
För att göra detta, öppna helt enkelt sidan eller inlägget där du vill lägga till bannern. Leta nu efter det nya avsnittet “Smart App Banner” i WordPress-innehållsredigeraren.
Här lägger du bara till app-ID och valfri affiliateinformation enligt samma process som beskrivs ovan.
När du är nöjd med informationen du har angett klickar du bara på “Uppdatera” eller “Publicera” för att göra ändringarna live.
Sedan kan du helt enkelt upprepa dessa steg för att lägga till en Smart App Banner till fler WordPress-inlägg och sidor.
Vanliga frågor om att lägga till smarta app-banners i WordPress
I den här guiden visar vi dig hur du marknadsför din mobilapp på specifika inlägg och sidor eller på hela din WordPress-webbplats.
Om du fortfarande har frågor, här är våra vanligaste frågor om hur du lägger till smarta banners på din WordPress-webbplats.
Vad är en smart app-banner?
Banderoller för smarta appar visas överst i webbläsaren Safari och ger användarna möjlighet att öppna en app eller ladda ner den från Apple App Store.
Eftersom de är skapade av Apple har Smart App Banners en konsekvent design som många iOS-användare känner igen. De visas bara för personer som använder iPhones och iPads med iOS 6 eller högre.
Varför kan jag inte se min smarta app-banner på skrivbordet?
Den smarta appbannern kommer inte att visas på stationära datorer, även om du tittar på mobilversionen av din webbplats.
För att se bannern i aktion måste du besöka din webbplats på en iPhone eller iPad med Safari-mobilappen.
Varför kan jag inte se den smarta app-bannern på min iPhone eller iPad?
Banderoller för smarta appar visas bara på enheter som kör iOS 6 eller högre när du använder Safari-mobilappen. Om du inte ser Smart App-bannern bör du börja med att kontrollera att du har de senaste versionerna av iOS och Safari-mobilappen.
Den smarta appbannern känner också av om enheten är kompatibel med appen och om appen är tillgänglig på din plats. Om du inte ser Smart App-bannern kanske din enhet inte har klarat någon av dessa kontroller.
Varför försvann den smarta appbannern i Safari?
Om du avvisar bannern genom att klicka på “x”-knappen kommer den inte att visas igen som standard.
Beroende på din mobila enhet kan du behöva öppna en privat webbläsarflik, rensa cacheminnet eller cookies eller vidta någon annan åtgärd för att återställa dina inställningar.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till smarta app-banners i WordPress. Du kanske också vill se vår guide om hur du lägger till webbpush-meddelanden till din WordPress-webbplats eller våra expertval för de bästa WordPress-popup-plugins.
