Mobil- og tabletmarkedsføring

Undgå App Store med Apple iOS Føj til startskærmen

Jeg vil fange noget flack for dette, men jeg er ikke en Mac-fan. Ok, jeg kan simpelthen ikke holde dem ud. Jeg kan ikke sætte fingeren på hvorfor, men her er en start: For at udvikle en App til den berømte iPhone skal du kun udvikle på en Mac med Mac-software – en investering langt over $2,000.

Ikke desto mindre er iPhone en markedsændrer, og mellemstore marketingvirksomheder skal tage højde for.

Så du vil have fordelene ved App-lignende adgang, men du vil ikke have udgiften (heller ikke den tvungne migration til Mac-platformen), eller du vil muligvis ikke lære et helt nyt kodesprog.

Du har gjort det godt med webapplikationsprogrammering og nyder alle fordelene ved cloud-hosting, så hvorfor bygge en klientapplikation nu? Især hvis du ikke hovedsageligt er interesseret i App Store-eksponeringen – folk vil finde din applikation gennem din egen marketingindsats, og du ønsker at tilbyde dem den hurtige adgangsadfærd med et enkelt tryk. Det ville være bedst, hvis du havde en pseudo-app.

Føj til startskærm

Gode ​​nyheder. iPhones har indbygget mulighed for at understøtte netop den slags funktion. Ingen Mac er nødvendig. Ingen anden programmering er nødvendig for en klient-side applikation. Alt du behøver er følgende:

  • Et websted designet eller lydhør over 320 px bredt.
  • Denne kodestykke og billeder
<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>
  • Et Apple-touch-ikon ved hjælp af png format

For det første, hvad gør al denne kode i princippet?

Koden i den zip-fil ovenfor er designet til instruere brugere om de skridt, de skal tage. Det lærer dem intuitivt de oprindelige iPhone-funktioner, der allerede er tilgængelige, hvilket gør din webside tilgængelig som enhver anden app. For det andet har den indbyggede foranstaltninger, så dette kun vises på iPhones OG giver brugeren mulighed for at lukke prompten, for aldrig at se den igen i en periode på 6 måneder, hvorefter de bliver påmindet igen.

Nu for den nørdede del: hvordan installerer jeg det?

  1. Gem dit ikon som en png-fil (f. apple-touch-icon.png) og upload det til rodmappen på dit websted og referer til det med det relevante > link > tag i hovedet. Mens du kan omdøbe og henvise til en bestemt placering et andet sted, vil Safari automatisk søge efter dette filnavn i roden af ​​dit websted.
<link rel="apple-touch-icon" href="apple-touch-icon.png">
  1. Placer billederne fundet i zip-fil ind i en mappe, der er pathet /images/.
  2. Indsæt koden fra tekstfilen, der findes i zip-fil lige før det afsluttende body-tag på din(e) webside(r).

Det er det. Hvis du følger disse trin, bør du se en prompt på din iPhone, der peger brugeren til genvejsikonet i deres Safari-browser og instruerer dem til at Føj til startskærm for adgang med et enkelt tryk som alle deres andre apps.

Nu vil din webapplikation blive bogmærket med et ikon på iPhone-skærmen. I udseende og nem adgang har den alle fordelene ved en indbygget app uden omkostninger eller besvær.

Nick Carter

Nick Carter er virkelig en iværksætter i hjertet. Han brænder generelt for iværksætteri. Nick startede og drev 5 virksomheder i sin karriere. Hans primære mål er at holde sig selv underholdt med en række spændende forretningsmuligheder og nye eventyr.

Relaterede artikler

Tilbage til toppen knap
Luk

Adblock fundet

Martech Zone er i stand til at give dig dette indhold uden omkostninger, fordi vi tjener penge på vores websted gennem annonceindtægter, affilierede links og sponsorater. Vi ville sætte pris på, hvis du ville fjerne din annonceblokering, mens du ser vores websted.