Premiär för nya spelaren på UR Play

För en strömningstjänst med tusentals program som UR Play är ”spelaren” själva hjärtat i tjänsten, den mest centrala komponenten på sajten.

Det är i spelaren som besökarna tillbringar mest tid, och tjänstens huvudsyfte är förstås att kunna spela upp video och audio.

Att byta ut och uppgradera spelaren var därför ett av de mest känsliga och kritiska åtgärderna på sajten. Det var en mycket viktig åtgärd för att få en moderniserad kodbas och stå rustad för framtida utmaningar.

Utvecklarna på UR Plays digitalavdelning har jobbat med detta under flera månader och efter omfattande testning var det lansering i början av oktober. Spelaren rullar nu på JW Player version 8, och den underliggande koden är omskriven till React.

Tack vare utvecklarnas skicklighet gick utrullningen extremt smidigt. För användarna märks det i prestanda och stabilitet. Den nya spelaren fungerar utan problem i alla webbläsare och responsiva storlekar. Men det finns också nya funktioner som att kunna välja typsnitt och färg på undertexterna. Och vi visar nu en UR-logotyp i övre hörnet på alla videoprogram.

Här hittar du alla program från UR Play.

Så lägger du på ett lager av interaktivitet på en video

Video har blivit stort på internet. Men har fortfarande ofta kvar sitt ursprung i tv-formatet.

Många lägger ut videoprogram på internet precis som när de producerades för broadcast. Det gäller även UR, där jag arbetar som produktägare.

Förhoppningen är att användaren ska trycka på ”Play” och sitta kvar under hela programmet, precis som på den gamla tjock-tv:ns tid.

Men online-användare vill bestämma själva. Vid minsta tecken på tristess kan det bli ett tryck på Paus-knappen. Och en annan video är bara ett klick bort.

Jag ville testa vad man kan göra för att skapa interaktivitet i själva videoformatet. Och hittade den intressanta tjänsten HP5, där man kan använda en befintlig videofil och lägga på interaktiva dialogrutor, quiz-frågor, navigationsknappar med mera.

Se här ett exempel på vad jag gjorde på några minuter av ett av UR:s språkprogram i serien ”Amira Time”.
Se originalet på UR Play

På en videosajt är det i videospelaren som användaren befinner sig huvuddelen av tiden. Och min bedömning är att spelaren är ett viktigt fönster för att aktivera användaren och på så vis öka användarupplevelsen.

Använd Google Tag Manager för att sätta upp mätningar

Jag har tidigare beskrivit den allra enklaste metoden att sätta upp en mätning av en webbplats: Att lägga in Google Analytics spårningskod direkt i webbplatsens kod.

Det är en metod som passar bra för en liten sajt där du sköter allt själv och inte har så stora behov av mer avancerade mätningar.

När sajten växer och administreras av fler personer eller avdelningar i företaget med olika krav och behov så blir den enkla metoden alltför begränsande.

Med Google Tag Manager (Google Taggstyrning) så har du ett praktiskt verktyg som gör att du i ett webbgränssnitt kan sätta upp och styra mätningar utan att behöva be en utvecklare att lägga till eller ändra kod direkt på webbsidorna.

Så här gör du rent praktiskt.

Steg 1. Logga in i Google Tag Manager och sätt upp ett nytt konto.

Fyll i ett kontonamn, välj land och fyll i ett behållarnamn. Namnen används bara internet för att du ska hitta i Google Tag Manager och kan ändras i efterhand vid behov.

Välj var du ska använda behållaren. I det här fallet ska vi mäta en webbplats, så vi väljer Webb.

Spara och godkänn vilkoren.

Steg 2. Kopiera koden och installera den på din webbplats.

Det är här du kan behöva koppla in utvecklarna för att installera koden på alla sajtens sidor. Om du redan kör Google Analytics-kod med direkta script på din sajt behöver du i samarbete med utvecklarna också tänka igenom hur ändringen ska göras så att du inte riskerar att mäta trafiken dubbelt.

Om du använder WordPress är det dock mycket enkelt. Då laddar du hem en plugin, lägger in behållarens id och sparar, sedan är installationen klar.

När du installerat Google Tag Manager-behållaren på din sajt kan du sedan sköta i stort sett all konfiguration i webbtjänsten.

För att börja mäta behöver du skapa en ”Ny Tagg” i Google Tag Manager. Välj taggtyp ”Universal Analytics”. Du behöver lägga in ett id till ett Google Analytics-konto, och välja en utlösare (trigger) som kör taggen på ”alla sidor”. När taggen är färdigkonfigurerad och sparad så publicerar du din GTM-container och kan direkt mäta resultatet.

Reflector och Vysor – mina bästa program för att visa mobil och surfplatta

När du utvecklar en app för surfplatta eller mobil har du ofta anledning att visa hur det ser ut och hur det fungerar på riktigt.

Visst kan du visa skärmdumpar i Powerpoint när du presenterar på projektordukten eller via skärmdelning på videokonferensen.

Men få saker imponerar så mycket som när du direkt kan spegla din mobil eller surfplatta på skärmen under din presentation. Och visa hur appen du utvecklar fungerar och ser ut ”live”.

Det finns förstås flera metoder för att åstadkomma detta. Med min erfarenhet från flera år av liknande presentationer har jag valt två programvaror: Reflector för IOS och Vysor för Android.

Med Reflector kan du visa upp din iphone på din dator.

Reflector är ett program som du laddar ner och installerar på din dator. Du kan prova det i sju dagar, sedan kostar det cirka 29 US-dollar. Ladda ner här

Det gör att du kan visa din iPhone eller iPad live på datorskärmen via AirPlay. Se till att dator och iOS-enhet finns på samma wifi-nätverk. Slå på ”Skärmdubblering” på din iOS-enhet, så visar Reflector en fyrsiffrig säkerhetskod. Sedan ser du plötsligt din iOS-enhet på datorskärmen. Du kan styra din iOS-enhet som vanligt och allt du gör visas på skärmen.

Den här Airplay-speglingen via Reflector fungerar utmärkt hemma. Men ibland fungerar det inte på företag där nätverket inte tillåter Airplay. En workaround är då att koppla upp sig via mobilen för att kunna köra Reflector. Bra att testa detta innan du gör din presentation live, eftersom det alltid är tråkigt när tekniken inte fungerar.

Med Vysor kan du visa upp din Android-enhet på din dator.

Vysor är ett program som du laddar ner och installerad på din dator. Det kräver en månadsprenumeration på 2,50 US-dollar. Vysor fungerar på ett annat sätt. Du kopplar din Android-enhet med usb-kabel till datorn, och sedan kan du spegla Android-enheten på datorskärmen. Ladda ner här

Både Reflector och Vysor har inbyggda funktioner för att ta skärmdumpar och spela in video, vilket är väldigt praktiskt när du ska kommunicera med utvecklare om funktioner eller buggar.

Båda programmen gör det även möjligt att vrida mobilen eller surfplattan under presentationen för att visa hur det fungerar både i stående och liggande läge.

Här kan du se en film som spelats in med Vysor.

Se filmen som spelats in av Vysor när jag utför ett antal moment i en Samsung-surfplatta.

Om du är utvecklare kan du så klart använda Xcodes simulator där du kan visa hur din app fungerar i flera olika typer av iOS-enheter. Liknande simulatorer finns för Android.

Men Reflector och Vysor har för min del inneburit att jag på ett realistiskt sätt kan presentera hur det fungerar i olika plattformar för breda grupper av användare, även på distans.

Har du andra tips om hur man kan visa mobiler och surfplattor i presentationer? Hör gärna av dig!

Så mäter du trafiken på din WordPress-sajt

När du satt upp din WordPress-sajt och börjat publicera inlägg vill du så klart veta om någon besöker sajten.

Det smidigaste är att använda Google Analytics för att mäta trafiken på sajten. Google Analytics är gratis och mycket enkelt att installera och använda.

Om du inte redan använder Google Analytics kommer här en snabbguide:

Steg 1. Gå till Google Analytics och registrera ett konto.

Steg 2. Skapa ett nytt konto. Fyll i ett övergripande namn. Du kan ändra detta senare om du behöver. Kryssa i nödvändiga kryss och gå vidare.


Steg 3. Ange vad du vill mäta. I det här fallet är den en vanlig webbplats, så ange ”Webb”.


Steg 4. Ange ”uppgifter om egendom”, vilket innebär vad sajten heter och vilken adress det är. Välj även bransch och tidszon (Sverige). Tryck på ”Skapa”.

Steg 5. Du har nu ett spårnings-id som börjar på UA- och en spårningskod. Grattis, kontot är nu uppsatt i Google Analytics. Nästa steg blir att se till att trafiken på din sajt kan mätas och kopplas till just detta spårnings-id.

Steg 6. Lägg in GA-koden (Google Analytics-koden) på din sajt.

Det finns två metoder:

Metod 1: Lägg till GA-koden direkt på sajten. Traditionell metod. Enkelt men rätt oflexibelt.

Metod 2: Använd Google Tag Manager (GTM, Google Tagghanterare) som ett mellanlager. Ger större möjligheter men är lite mer komplext att lära sig.

Metod 1

Vid metod 1 kan du kopiera spårningskoden från Google Analytics och lägga till i html-koden på din webbplats. Där rekommenderas det att koden läggs i avsnittet <head>. Men eftersom vi använder WordPress behöver vi inte bry oss om html-kod.

Metod 1: Steg 1. Installera en wordpress-plugin

I WordPress är det smidigast att ladda hem och installera en plugin (tillägg) för då behöver du inte bry dig om kod utan kan bara lägga till spårnings-id. En smidig plugin är ”GA Google Analytics”. Ladda hem och aktivera den.

Metod 1: Steg 2: Du hittar nu ett nytt menyval i WordPress admin. Under Inställningar kan du nu välja ”Google Analytics”

Metod 1: Steg 3. I Plug-in settings kan du nu mata in ditt spårnings-id som du skapat i Google Analytics.

Spara!

Metod 1: Steg 4: Skapa lite test-trafik genom att klicka runt på din sajt. Du kan direkt se din egen trafik i realtids-verktyget i Google Analytics. I andra vyer än realtids-vyn kan du inte se trafiken direkt eftersom det finns en viss eftersläpning, ibland upp till ett dygn.

KLART! Du har nu installerat Google Analytics och satt upp mätning av din WordPress-sajt. Varje gång någon besöker din sajt skickas data till Google Analytics så att du kan följa vilka sidor som besöks, hur ofta din sajt besöks, varifrån besökarna kommer och mycket annat intressant.

Metod 2: Google Tag Manager

Att använda Google Tag Manager är mycket mer flexibelt om du ska spåra en större sajt där du vill mäta fler saker och även kunna lägga till spårnings-script från andra aktörer. Inom kort ska jag gå igenom hur du sätter upp mätning med Google Tag Manager.

Exit Mittmedia. Två år med 28 e-tidningar och kundservice


31 mars 2020 var min sista arbetsdag på Mittmedia, efter drygt två år. Så nu söker jag nya uppdrag. Men först en tillbakablick.

Sommaren 2017 erbjöds jag jobb på Mittmedia som teknisk projektledare på den centrala avdelningen Privatmarknad. Jag lockades av utmaningen och var nyfiken på företaget och på lokaltidningsbranschen.

Jag växte ju upp med Avesta Tidning, delade ut Falu-Kuriren som sommarjobbare och blev publicerad första gången i Dala-Demokraten. Alla tre hör numera till Mittmedia liksom 25 andra tidningstitlar från Örebro till Örnsköldsvik.

Mittmedias organisation var förstås decentraliserad och de flesta möten hölls på distans. Jag var baserad i mitt arbetsrum hemma i Stockholm och hade kontinuerlig kontakt med kollegor runt om i landet via Slack och delade arbetsdokument. Och ibland resor till en del av utgivningsorterna.

Jag fick ansvara för att driva tre projekt som hade som övergripande mål att öka läsarintäkter och minska kostnader:

E-tidningarna. Den digitala versionen av papperstidningarna hade funnits i flera år och användandet ökade. E-tidningar var inget jag ägnat något intresse under 20 år med digitalt fokus på webb och mobilappar, men jag förstod att det fanns potential för intäkter och det var intressant att sätta sig in i ett nytt område.

På Mittmedia sågs e-tidningen som en övergångsprodukt för att flytta kunder från print till digitalt. Men den tekniska plattformen var rejält eftersatt och missnöjet stort både internt och bland kunder. Som produktägare försökte jag först lappa och laga befintlig lösning. Men vi började snart undersöka alternativ.

Efter att ha testat flera olika e-tidningslösningar blev beslutet att gå över till Prenly – utvecklat av göteborgsföretaget Textalk Media.

Under hösten 2018 migrerade vi alla e-tidningarna till den nya e-tidningsplattformen Prenly som både var mer stabil, mer ekonomisk och gav användarna en toppmodern upplevelse både i webbläsare för dator och appar för iOS och Android.

Det dagliga e-tidningsanvändandet har nu ökat med 50 procent på två år och e-tidningarna har utvecklats till Mittmedias största digitala läsaraffär med de mest lojala prenumeranterna. Alla 28 e-tidningar har sin egen app för iOS och Android men kan också läsas på webben.

Som produktägare har jag i samarbete med leverantör, intern arbetsgrupp och dialog med användare utvecklat e-tidningarna vidare och bland annat byggt upp statistiktjänster för att kunna mäta hur tidningarnas innehåll läses.

Kundservice. De flesta kunder ringde i enkla ärenden som adressändring, uppehåll, reklamationer och avslut, vilket ledde till stort tryck på kundcenter, ofta långa telefonköer och höga personalkostnader.

Genom att bygga en helt ny kundservice-portal med avancerade gör-det-själv-tjänster har vi fått allt fler prenumeranter att själva utföra sina ärenden och hitta information. Jag beställde och projektledde utvecklingen av sajten som lanserades våren 2018. Sedan dess har jag har varit djupt involverad i den fortsatta utvecklingen av innehåll, design och funktioner.

Mitt sista uppdrag var att utbilda tidningsdistributörer runt om i landet att publicera information om störningar och förseningar i WordPress.

E-handel. Läsarshoppen hade under många år erbjudit prenumeranter rabatterade biljetter och resor, viktigt för att bygga lojalitet. Men plattformen var omodern och svårjobbad. Efter en omfattande utvärdering valde vi en leverantör och byggde i samarbete en lösning som var både kostnadseffektiv och ledde till rejält ökad försäljning.

Tyvärr visade sig att hela Mittmedia-koncernen var på fallrepet ekonomiskt och fick räddas genom att Bonnier tog över 2019. Men det innebar också tuffa sparprogram och omorganisationer. Eftersom jag bara varit anställd i två år stod jag bland de första i tur att bli uppsagd.

Jag hoppas innerligt att Mittmedias alla tidningstitlar som är så viktiga för sina lokalsamhällen kan överleva den här djupa krisen, och jag önskar mina kämpande kollegor all lycka till i kampen.

För egen del innebär detta att jag är tillgänglig för nya uppdrag. Jag har bredd och digital erfarenhet från flera medieföretag: 24 år på föregångaren Aftonbladet, två år på gratiskoncernen Metro International, två år på specialsajternas LRF Media och två år på lokaltidningsjätten Mittmedia.

Jag har insikt i och erfarenhet från många olika verksamheter: redaktion, utveckling, analys, affär, marknad och har varit med och utvecklat många digitala tjänster som varit framgångsrika. Och några som floppat…

Kontakta mig gärna med förslag på projekt eller tjänst, sajt eller app, som jag kan driva eller hjälpa till med! Det kan vara allt från mindre jobb som att dra igång en liten WordPress-sajt eller sätta upp statistikmätningar i Google Tag Manager till större projekt som att byta e-tidningsplattform, bygga prototyper till nya appar eller utbilda personal i onlinepublicering.

Ny tjänst ger prenumeranter leveransinfo i realtid

Mittmedia lanserade 26 mars 2020 en ny version av tjänsten ”Utebliven tidning”.

I tjänsten kan prenumeranter av papperstidningen logga in och få information i realtid om utdelningen, något som är speciellt viktigt vid störningar.

Prenumeranter är vana vid att papperstidningen kommer regelbundet varje dag. Och att läsa tidningen är ett obligatoriskt och vanemässigt inslag i morgonrutinerna.

Mittmedia delar varje dag ut tusentals tidningar i alla våra regioner, och de allra flesta gånger kommer de naturligtvis i tid. Chaufförer och tidningsbud sliter i nattens mörker, oftast ensamma, i alla väder, med att leverera tidningarna till morgonkaffet.

[ngg src=”galleries” display=”basic_imagebrowser”]

Men leveranskedjan är känslig. Minsta störning kan göra att ett antal kunder får sin tidning senare än vanligt. Och då börjar kunder bli oroliga, ringa kundservice, ibland ringa till redaktionerna.

Vid större störningar i distributionen – snöoväder, stormar, strömavbrott, många sjuka – publiceras information på kundservice-sajten och i vissa fall nyhetssajterna. Vi läser också in allmänna förseningsmeddelanden i växelsystemet.

Den nya tjänsten är i första hand till för att förbättra för prenumeranterna och snabbt komma ut med information om störningar. Men kommer också att minska trycket på kundtjänst och minska antalet reklamationer.

Kunder kommer åt tjänsten genom att gå till Mittmedias kundservice-sajt och trycka på ”Anmäl utebliven tidning”.

Tjänsten har utvecklats av Adeprimo och jag har lett projektet och beställningen från Mittmedia. NWT-koncernen använder samma tjänst.

WordPress-problem: Ny användare finns redan…?

Jag tycker att WordPress är det enklaste och smidigaste systemet både för att publicera online och administrera en eller flera sajter.

Men ibland stöter man på underligheter. Som när jag skulle skapa några nya användare. Och jag gjorde ett fel som var lite trixigt att lösa.

Verktyget för att skapa en ny användare till en sajt i ett WordPress-nätverk är kanske inte det mest intuitiva, speciellt när man gör detta ganska sällan.

Men det handlar om att gå till fälten längst ner och mata in användarens e-post-adress, skapa ett användarnamn och tilldela en roll.

Jag rekommenderar att sätta kryss i rutan för ”Lägg till användaren utan att skicka ett mail som kräver deras bekräftelse”

Det var när jag glömde sätta detta kryss som problemet uppstod.

Jag kunde då inte ändra den nya användarens rättighet innan användaren hade bekräftat kontot. Och eftersom det här var en ny användare som jag skulle utbilda ville jag gärna ha kontot i ordning före kursen, utan att först be användaren att kolla sin mejl.

När jag sökte upp den nya användarnamnet i WordPress fick jag besked att ”användarnamnet är reserverat men kan bli ledigt igen inom några dagar”. Jag kunde alltså inte själv komma åt det i admin. Och jag kunde inte vänta ”några dagar”.

Jag hittade då en workaround för detta problem. Som faktiskt inte var så självklar.

Det gällde att skapa ytterligare en ny användare. Med en annan mejladress och ett annat användarnamn. Och jag fick inte glömma att kryssa för rutan för ”Skippa bekräftelsemejl”.

När denna nya användare var skapad gick det att öppna den för redigering och ändra mejladress och användarnamn till det som det egentligen skulle vara. Då upphävdes ”reserveration” och allt var ordnat.

Jag hade aldrig tidigare stött på detta, men nu har jag lärt mig något nytt: Glöm aldrig kryssa för ”Skippa bekräftelsemejl”.

Skrämmande tidslinje över corona-virusets snabba utbredning

Italienska Repubblica.it har publicerat en skrämmande tidslinje över hur corona-viruset spridit sig över världen.

Med hjälp av ett dragreglage kan du själv se hur det började i Kina i januari och på mindre än två månader lamslagit stora delar av planeten. Du hittar tidslinjen här.

Corona-virusets utbredning i världen den 1 mars.
23 dagar senare ser utbredningen ut så här, med över 600 döda på en dag i Italien och 400 döda på en dag i Spanien.

Siffrorna över hur snabbt antalet fall ökar är också fruktansvärda:

  • Det tog 67 dagar från det första rapporterade fallet till att nå 100.000 fall.
  • Det tog 11 dagar att nå ytterligare 100.000 fall.
  • Och bara 4 dagar för att ytterligare 100.000 skulle rapporteras sjuka.
  • Och bara 7 dagar för att antalet fall skulle fördubblas från 300.000 (21 mars) till 600.000 (28 mars).