Mobil- och surfplattemarknadsföring

Undvik App Store med Apple iOS Lägg till på startskärmen

Jag kommer att få lite flack för det här, men jag är inget Mac-fan. Ok, jag orkar helt enkelt inte med dem. Jag kan inte sätta fingret på varför, men här är en början: för att utveckla en app för den berömda iPhone måste du bara utveckla på en Mac med Mac-programvara – en investering långt över $2,000 XNUMX.

Icke desto mindre är iPhone en förändring av marknaden, och medelstora marknadsföringsföretag måste tillgodose.

Så du vill ha fördelarna med appliknande åtkomst, men du vill inte ha bekostnad (inte heller tvingad migrering till Mac-plattformen), eller kanske inte vill lära dig ett helt nytt kodspråk.

Du har lyckats bra med webbapplikationsprogrammering och har glädje av alla fördelarna med molnvärd, så varför bygga en klientapplikation nu? Speciellt om du inte är främst intresserad av App Store-exponeringen – folk kommer att hitta din applikation genom dina egna marknadsföringsinsatser och du vill erbjuda dem snabbåtkomstbeteendet med en knapptryckning. Det skulle vara bäst om du hade en pseudo-app.

Lägg till på hemskärmen

Goda nyheter. iPhones har inbyggd förmåga att stödja just den typen av funktion. Ingen Mac behövs. Ingen andra programmering behövs för en applikation på klientsidan. Allt du behöver är följande:

  • En webbplats designad eller lyhörd för 320px bred.
  • Denna kodavsnitt och bilder
<head>
<title>Add To Home</title>
<link rel="stylesheet" type="text/css" href="../../style/addtohomescreen.css">
<script src="../../src/addtohomescreen.js"></script>
<script>
addToHomescreen();
</script>
</head>
  • En apple-touch-ikon med hjälp av png format

För det första, vad gör all denna kod i princip?

Koden i den zippade filen ovan är utformad för att instruera användarna om de steg de behöver ta. Den lär dem intuitivt de inbyggda iPhone-funktioner som redan finns tillgängliga, vilket gör din webbsida tillgänglig som vilken annan app som helst. För det andra har den inbyggda åtgärder så att detta bara visas på iPhones OCH tillåter användaren att stänga prompten, för att aldrig se den igen under en period av 6 månader, då de kommer att bli påminda igen.

Nu, för den nördiga delen: hur installerar jag det?

  1. Spara din ikon som en png-fil (t.ex. apple-touch-icon.png) och ladda upp den till rotkatalogen på din webbplats och referera till den med lämplig >länk >-tagg i huvudet. Även om du kan byta namn på och hänvisa till en specifik plats någon annanstans, kommer Safari automatiskt att leta efter detta filnamn i roten på din webbplats.
<link rel="apple-touch-icon" href="apple-touch-icon.png">
  1. Placera bilderna som finns i zip-fil till en sökvägskatalog /images/.
  2. Klistra in koden från textfilen som finns i zip-fil strax före den avslutande body-taggen på din eller dina webbsidor.

Det är allt. Om du följer dessa steg bör du se en prompt på din iPhone som pekar användaren till genvägsikonen i sin Safari-webbläsare och instruerar dem att Lägg till på hemskärmen för en knapptryckning som alla andra appar.

Nu kommer din webbapplikation att bokmärkas med en ikon på iPhone-skärmen. I utseende och enkel åtkomst har den alla fördelar med en inbyggd app utan kostnad eller krångel.

Nick Carter

Nick Carter är verkligen en entreprenör i hjärtat. Han brinner för entreprenörskap i allmänhet. Nick startade och drev 5 företag under sin karriär. Hans primära mål är att underhålla sig själv med en mängd spännande affärsmöjligheter och nya äventyr.

Relaterade artiklar

Tillbaka till toppen knappen
Stänga

Adblock upptäckt

Martech Zone kan ge dig detta innehåll utan kostnad eftersom vi tjänar pengar på vår webbplats genom annonsintäkter, affiliate-länkar och sponsring. Vi skulle uppskatta om du tar bort din annonsblockerare när du tittar på vår webbplats.