STARTPROJEKTKONTAKTOM OSSNYHETERBLOGG & PODD
FRAMKANTEN AV WEBBENHEADLESS CMSPROGRESSIVE WEB APPS

Nyheter

Årets julsponsring går till Vi-skogen!

2019-12-01

I god tradition så satsar 24HR på ett välgörenhetsprojekt vid denna tiden på året. 2019 gick valet till Vi-skogen som länge gjort ett fantastiskt jobb med att plantera träd i Afrika som bidrar till att minska klimatproblemen, men även fattigdomen i utsatta områden.

Fikasnack om framtid och webb

2019-09-16

Under The Festival bjöd vi på fika på vår spatiösa takterrass. Kristoffer faciliterade ett tredelat fikasnack om hur vår uppkopplade verklighet påverkar våra liv. Diskussionerna rörde sig mellan parkeringsappar, överturism och hur vi borde bli bättre på att dra nytta av våra telefoners alla olika sensorer.

Ett stort tack till alla som var med och deltog!

Testa Tabata!

2019-08-20

24HR bjuder in till ett Tabata-pass i det fria.

En risk med att jobba med webbutveckling är att kroppen inte får tillräcklig stimulans. Länken mellan fysisk aktivitet och riktigt vassa hjärnor är sedan länge fastlagd och det har vi på 24HR tagit fasta på. Vårt arbetsmiljöombud, Josefin, har efter att provat de flesta träningsformer kommit fram till att Tabata är den som ger mest pang för pengarna.

Nu kan Du ta chansen och prova på ett introduktionspass i denna snillrika träningsform. Under The Festival bjuder vi på 24HR in till ett Tabata-pass i det fria. Fredagen den 30 augusti 11:30 ses vi i Slottsparken, vid korsningen Slottsgatan och Hospitalsgatan.

Vi ses!

Ny styrelse­ordförande i 24HR

2019-06-25

Sedan 10:e juni har vi en ny styrelseordförande för 24HR Malmö AB. Det är Rolf Elmér, tidigare bl.a. regionchef för Svenskt Näringsliv i Skåne, som kliver in i styrelsen. Rolf har tidigare erfarenhet från andra bolag i internet-branschen som t.ex. Avail Intelligence (numera RichRelevance), Presis, Sigma, och Absalon.

Han väntas kunna bidra med både affärsutveckling och kontakter genom sitt stora nätverk i regionen. Tillsättningen markerar en ökad satsning på Öresundsregionen, men vi har fortsatt verksamhet och kunder även i Stockholmsregionen.

Nyanställda på 24HR!

2019-05-10

Idag började inte mindre än två nya anställda – formellt – hos oss. Jag skriver “formellt” för att de redan varit här ett bra tag, båda som praktikanter ifrån sina YH-utbildningar. André Tente har vi känt i ungefär ett år då han gjorde sin första praktik hos oss. Sedan dess har han varit här som timanställd parallellt med sin utbildning till Javascript-utvecklare på Lernia. Marcus Thelin är en nyare bekantskap som “bara” varit här i 14 veckor på sin avslutande praktik ifrån sin utbildning som också är YH-utbildningen till Javascript-utvecklare på Lernia. Vi önskar både mycket välkomna till oss!

 

","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/mnek.jpeg","width":1920,"height":1280,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvbW5lay5qcGVnIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTI4MCwid2hpdGVsaXN0U2l6ZXMiOlsiMTIwMHhBVVRPIiwiMTAweDY1IiwiMTAweEFVVE8iLCIxMTB4ODIiLCI3NTB4QVVUTyIsIjEwMDB4QVVUTyIsIjEyMDB4ODAwIiwiNjAweDQwMCIsIjE5MjB4QVVUTyIsIjk2MHhBVVRPIiwiMzAweEFVVE8iLCIxOTIweDEwMDAiLCI5NjB4NTAwIiwiNDgweDI1MCIsIjIwMHgxNTAiLCIyMjV4MTcwIiwiMjI1eEFVVE8iLCIyMjl4MzAwIiwiMzY4eEFVVE8iLCI0NTB4MzQwIiwiNTAweEFVVE8iLCI3NTB4NTAwIiwiN3gxMCIsIjd4MTIiLCI3eDE2IiwiN3gzIiwiN3g0IiwiN3g1IiwiN3g2IiwiN3g3IiwiN3g4IiwiN3g5IiwiMXgxIl0sImltYWdlVmVyc2lvbiI6InY1IiwiZm9jdXMiOnsieCI6MC41LCJ5IjowLjV9LCJpYXQiOjE1ODAxMzcxOTd9.wesdK3a2EuF19ZLY-o3jnyejhi6Aodq20NVDR4uuOSA","imageVersion":"v5","src":"//wp-content/uploads/2019/11/mnek.jpeg"},"preamble":"Four must read articles. Plus a bonus.","title":"Articles of the week #1","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:4960":{"_id":"4960","blocks":{"type":"json","json":[{"tag":"h1","content":"Resurs Bank 2019","index":0,"blockName":"core/heading"},{"content":"Sedan vi relanserade resursbank.se förra året har vi inte legat på latsidan","tag":"p","p":{"blockName":"next24hr/paragraph","attrs":{"contentValue":"Sedan vi relanserade resursbank.se förra året har vi inte legat på latsidan","fontSizeValue":"large"},"innerBlocks":[],"innerHTML":"\n

Paragraph

\n","innerContent":["\n

Paragraph

\n"],"index":2},"shade":null,"fontSize":"large","index":2,"blockName":"next24hr/paragraph"},{"content":"Vissa typer av branscher kräver nya funktioner och ständiga finjusteringar av sin webbnärvaro för att hänga med i de ökande kraven från sina kunder. Bankbranschen är definitivt en sådan.

Resurs Bank satsar hårt på nätet och de har alltid varit öppna för att testa den senaste tekniken. De var en av världens första banker att gå över till WordPress som CMS och deras senaste sida tog det ett steg längre och blev Headless.

Under 2019 har vi hjälpt dem att rulla ut i Finland, Norge och Danmark. Vi har integrerat deras inloggade sidor med BankID och vi har byggt ett helt eget A/B Test verktyg åt dem. Detta för att slipa på hundradelarna, och bli av med blinket när ett tredjeparts-script gick och renderade om delar av sidan, vilket de traditionella A/B testverktygen gör.

Under 2020 kommer vi att jobba vidare med bland annat en PWA för de inloggade delarna.","tag":"p","p":{"blockName":"next24hr/paragraph","attrs":{"contentValue":"Vissa typer av branscher kräver nya funktioner och ständiga finjusteringar av sin webbnärvaro för att hänga med i de ökande kraven från sina kunder. Bankbranschen är definitivt en sådan.

Resurs Bank satsar hårt på nätet och de har alltid varit öppna för att testa den senaste tekniken. De var en av världens första banker att gå över till WordPress som CMS och deras senaste sida tog det ett steg längre och blev Headless.

Under 2019 har vi hjälpt dem att rulla ut i Finland, Norge och Danmark. Vi har integrerat deras inloggade sidor med BankID och vi har byggt ett helt eget A/B Test verktyg åt dem. Detta för att slipa på hundradelarna, och bli av med blinket när ett tredjeparts-script gick och renderade om delar av sidan, vilket de traditionella A/B testverktygen gör.

Under 2020 kommer vi att jobba vidare med bland annat en PWA för de inloggade delarna.","fontSizeValue":"normal"},"innerBlocks":[],"innerHTML":"\n

Paragraph

\n","innerContent":["\n

Paragraph

\n"],"index":4},"shade":null,"fontSize":"normal","index":4,"blockName":"next24hr/paragraph"}]},"title":"Resurs Bank 2019","content":"\n

Resurs Bank 2019

\n\n\n\n

Paragraph

\n\n\n\n

Paragraph

\n","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/12/resurs-2019.jpg","width":800,"height":679,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTIvcmVzdXJzLTIwMTkuanBnIiwid2lkdGgiOjgwMCwiaGVpZ2h0Ijo2NzksIndoaXRlbGlzdFNpemVzIjpbIjEyMDB4QVVUTyIsIjEwMHg2NSIsIjEwMHhBVVRPIiwiMTEweDgyIiwiNzUweEFVVE8iLCIxMDAweEFVVE8iLCIxMjAweDgwMCIsIjYwMHg0MDAiLCIxOTIweEFVVE8iLCI5NjB4QVVUTyIsIjMwMHhBVVRPIiwiMTkyMHgxMDAwIiwiOTYweDUwMCIsIjQ4MHgyNTAiLCIyMDB4MTUwIiwiMjI1eDE3MCIsIjIyNXhBVVRPIiwiMjI5eDMwMCIsIjM2OHhBVVRPIiwiNDUweDM0MCIsIjUwMHhBVVRPIiwiNzUweDUwMCIsIjd4MTAiLCI3eDEyIiwiN3gxNiIsIjd4MyIsIjd4NCIsIjd4NSIsIjd4NiIsIjd4NyIsIjd4OCIsIjd4OSIsIjF4MSJdLCJpbWFnZVZlcnNpb24iOiJ2NSIsImZvY3VzIjp7IngiOjAuNSwieSI6MC41fSwiaWF0IjoxNTgwMTM3MjI4fQ.JMgspBYgDZRs-FwIm4GCMxcrGBnIPvnkSBhyA8l2zIk","imageVersion":"v5"},"preamble":"","title":"Resurs Bank 2019","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:1034":{"_id":"1034","blocks":{"type":"json","json":[]},"title":"Smartare lösenord","content":"!Vi läcker som såll på nätet & det blir allt sämre med lösenord som skydd.\r\n\r\nTrots upprepade varningar från alla håll ligger idioti som \"1234567\" kvar på top 10 listor över de [vanligaste lösenorden](http://www.dn.se/ekonomi/de-vanligaste-losenorden-2013/) och jag vet inte om jag skall skratta eller gråta.\r\n\r\n**Fast är det så konstigt?** Hur kul är det att hålla ett gäng komplicerade strängar i huvudet bara för att öka sina chanser att ha sina saker ifred? Lyckligtvis så finns det folk som jobbar på en uthärdlig lösning. Fingeravtrycksläsare och tredjepartstjänster i stil med 1Password gör livet enklare för den som vill säkra upp. \r\n\r\nDe verkligt spännande sakerna händer på de fronter där man inte skyddar viktig data utan bara vill hålla spamrobotar borta. Googles [No CAPTCHA reCAPTCHA](http://googleonlinesecurity.blogspot.se/2014/12/are-you-robot-introducing-no-captcha.html) gör det smidigare för oss människor att bevisa att vi inte är robotar. \r\n\r\n\r\n\r\n**Men det är skillnad på att hålla robotar borta och att identifiera en viss person** och det är i det senare fallet jag tror att vi står inför en smärre revolution. \r\n\r\nJag kan idag ställa in \"säkra platser\" på min telefon så när jag är hemma så behöver jag inte längre ange min PIN-kod[1]. Folk med aktivitetsarmband eller \"smarta klockor\"[2] kan ställa in att deras telefoner inte behöver låsas upp när deras bluetooth pryl är i närheten. \r\n\r\n**Jag skulle vilja ta det ett steg längre.** Med tanke på hur mycket våra telefoner vet om oss hade det varit ganska enkelt att ta fram tester som snabbt säkerställt att det var DU som försökte låsa upp den.\r\n\r\n##Kontaklistan\r\nVisa bilder på folk i din kontaktlista uppblandat med slumpmässigt utvalda från UIFaces.com. Lås upp genom att välja de som du känner.\r\n\r\n##Trivia\r\nTelefonen vet var du varit, om du har cyklat, vilka webbsidor brukar du besöka, vilka sociala medier du använder. om du har någon resa bokad och så vidare. Använd det till att ställa en serie ja och nej frågor. \r\n\r\n![Typ såhär.](http://24hr.se/wp-content/uploads/2015/01/psykografi.jpg) \r\n\r\n##Fotoalbumet\r\nVisa några av dina bilder blandat med andras. Beskär dem och visa enbart saker som finns i ditt hus. Vilken TV är din? Är detta din cykel? Vilken lunch åt du igår?\r\n\r\n##Brandvägg *light*\r\nDet jag tänker är att om telefonen upptäcker att den är på en plats den inte brukar vara och används på ett okaraktäristiskt sätt så slår den på en \"mjuk brandvägg\". Alla försök att öppna en app med känslig information — antingen anger du vad som är känsligt eller så kan apptillverkaren bestämma — så måste man svara på en rad av dessa frågor för att bevisa att man är telefonens rättmätiga ägare. \r\n\r\n\r\n\r\n\r\n\r\n***\r\n[1] Jag har ingen PIN kod i strikt mening utan ett mönster jag ritar. För enkelhetens skull kommer jag att referera till den som en PIN kod även i fortsättningen. På samma vis skulle det kunna handla om att låsa upp med tumavtrycket istället för med en fyrsiffrig kod, trots att det har en uppsättning styrkor och svagheter som skiljer sig från en PIN kod precis på samma vis som ett ritat mönster har sina egna styrkor och svagheter.\r\n\r\n[2] Det är nog för sent att försöka komma på ett vettigt namn för smart watches\r\n","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/itsasecret.jpg","width":1254,"height":837,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvaXRzYXNlY3JldC5qcGciLCJ3aWR0aCI6MTI1NCwiaGVpZ2h0Ijo4MzcsIndoaXRlbGlzdFNpemVzIjpbIjEyMDB4QVVUTyIsIjEwMHg2NSIsIjEwMHhBVVRPIiwiMTEweDgyIiwiNzUweEFVVE8iLCIxMDAweEFVVE8iLCIxMjAweDgwMCIsIjYwMHg0MDAiLCIxOTIweEFVVE8iLCI5NjB4QVVUTyIsIjMwMHhBVVRPIiwiMTkyMHgxMDAwIiwiOTYweDUwMCIsIjQ4MHgyNTAiLCIyMDB4MTUwIiwiMjI1eDE3MCIsIjIyNXhBVVRPIiwiMjI5eDMwMCIsIjM2OHhBVVRPIiwiNDUweDM0MCIsIjUwMHhBVVRPIiwiNzUweDUwMCIsIjd4MTAiLCI3eDEyIiwiN3gxNiIsIjd4MyIsIjd4NCIsIjd4NSIsIjd4NiIsIjd4NyIsIjd4OCIsIjd4OSIsIjF4MSJdLCJpbWFnZVZlcnNpb24iOiJ2NSIsImZvY3VzIjp7IngiOjAuNSwieSI6MC41fSwiaWF0IjoxNTgwMTM3MzI5fQ.Myku0nFbFP8XdQS77L2Mu7c-3QC46ReXwZcnmITsItg","imageVersion":"v5","src":"//wp-content/uploads/2019/11/itsasecret.jpg"},"preamble":"Några tankar kring ett psykografiskt skydd mot dataintrång på telefoner.","title":"Smartare lösenord","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:3242":{"_id":"3242","blocks":{"type":"json","json":[]},"title":"Page Speed & PageRank","content":"!Laddar inte din sida på under en sekund förlorar du besökare.\r\n\r\n### Snabbare webbplats ger\r\n1. Bättre PageRank\r\n2. Minskad Bounce rate\r\n3. Nöjdare besökare\r\n\r\nSedan januari 2018 räknas en sidas laddtid in som en faktor för Googles PageRank. Men hastighet är av större betydelse än så. Enligt vissa undersökningar så ger 7% av besökare på en webbsida upp efter en sekund. Om tiden det tar att ladda går från 1 sekund till fem ökar sannolikheten för “bounce” med 90%. I en undersökning från Google angav 75% att laddtiden var viktig för användarupplevelsen medan bara 24% ansåg att sidan var attraktiv spelade någon roll.\r\n\r\nDet är med andra ord *extremt viktigt* att sidor laddar snabbt och pålitligt. **Den som vill jobba seriöst med konverteringar gör med andra ord bäst att se över sina laddtider.** Steg ett är att se till så att bilder är korrekt komprimerade. I nio fall av tio är det just tunga bilder som ställer till det. \r\n\r\nDärefter finns det inget annat att göra än att grotta ner sig i koden. Laddas många externa skriptbibliotek? Görs det flera små anrop till servern istället för ett stort? Hämtas bilder som inte syns på skärmen? Det finns mycket att göra men det krävs att du har full kontroll över hur sidan renderas vilket är en av anledningarna till att vi började bygga webbsidor [Headless](https://www.24hr.se/vad-ar-headless-cms-vad-ar-decoupled-cms/).\r\n\r\n### Resultatet är imponerande.\r\nResursbank är idag Sveriges näst snabbaste banksida och anledningen till att vi skryter med en andraplats är att vi sett till att Resursbank kan ladda 9X så mycket på bara 0.3-0.5 sekunder längre tid. (Vi håller på att slipa bort några extra tiondelar av laddtiden)\r\n\r\nHur gör vi det? Det får du boka ett möte för att ta reda på. Låt oss bara säga att vad Bank Norweigan pysslar med är att skjuta sig själva i foten.\r\n\r\n\r\n[Att gå från 1 till 5 sekunder ökar risken för bounce med 90%](https://www.thinkwithgoogle.com/data/page-load-time-bounce-rate-increase/)\r\n\r\n[75% anser att laddtiden är viktig, dvs 3x jämfört med utseendet.](http://www.awwwards.org/brainfood-mobile-performance-vol3.pdf)\r\n\r\n[Sveriges banker rankade på hastighet](https://www.thinkwithgoogle.com/feature/mobile/?country=Sweden&network=4G&domains=resursbank.se,seb.se,nordea.se,swedbank.se,ikanobank.se,banknorwegian.se,getdreams.com,bynk.se,handelsbanken.se)\r\n","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/pagerank-pagespeed.jpg","width":1960,"height":980,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvcGFnZXJhbmstcGFnZXNwZWVkLmpwZyIsIndpZHRoIjoxOTYwLCJoZWlnaHQiOjk4MCwid2hpdGVsaXN0U2l6ZXMiOlsiMTIwMHhBVVRPIiwiMTAweDY1IiwiMTAweEFVVE8iLCIxMTB4ODIiLCI3NTB4QVVUTyIsIjEwMDB4QVVUTyIsIjEyMDB4ODAwIiwiNjAweDQwMCIsIjE5MjB4QVVUTyIsIjk2MHhBVVRPIiwiMzAweEFVVE8iLCIxOTIweDEwMDAiLCI5NjB4NTAwIiwiNDgweDI1MCIsIjIwMHgxNTAiLCIyMjV4MTcwIiwiMjI1eEFVVE8iLCIyMjl4MzAwIiwiMzY4eEFVVE8iLCI0NTB4MzQwIiwiNTAweEFVVE8iLCI3NTB4NTAwIiwiN3gxMCIsIjd4MTIiLCI3eDE2IiwiN3gzIiwiN3g0IiwiN3g1IiwiN3g2IiwiN3g3IiwiN3g4IiwiN3g5IiwiMXgxIl0sImltYWdlVmVyc2lvbiI6InY1IiwiZm9jdXMiOnsieCI6MC41LCJ5IjowLjV9LCJpYXQiOjE1ODAxMzczNzV9.Ux1gRjB8PFQ-73Z5E_d7P07S9xKccg-qtYPv9SdBm1c","imageVersion":"v5","src":"//wp-content/uploads/2019/11/pagerank-pagespeed.jpg"},"preamble":"Hastighet är UX","title":"Page Speed & PageRank","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:755":{"_id":"755","blocks":{"type":"json","json":[]},"title":"Bilder, bilder och åter bilder. Gratis!","content":"!Att jaga bilder för mock-ups eller (värre) färdiga sidor är inte helt lätt. På sistone har det dykt upp saker som gör det lättare.\r\n\r\nOm du jobbar med webb har du säker någon gång suttit och jagat bilder. Det känns märkligt att det skall vara så vårt att få tag på en bra bild i denna tid av visuellt överflöd. Vill man dessutom undvika [jönsiga stock-foton](http://menlaughingaloneeatingfruitsalad.tumblr.com/ \"Fight Club någon?\") så blir det svårare och skall de dessutom vara [CC0](https://www.24hr.se/vad-ar-cc0/ \"Bjudgodis\") så är det nästan omöjligt. \r\n\r\nMen, detta problem är på god väg att bli ett minne blott.\r\n\r\n###DIY###\r\n[Google](https://www.google.com/search?q=happy+smiling+chairs&safe=off&espv=2&biw=1582&bih=866&source=lnms&tbm=isch&sa=X&ei=TK4SVPXxF4LXyQOW94KgCQ&ved=0CAYQ_AUoAQ#safe=off&tbs=sur:fmc&tbm=isch&q=bright+future) låter dig numer ange CC-licens som sökparameter. På flickr kan man söka i [The Commons](https://www.flickr.com/commons \"För mkt\") och hitta [en hel del fint.](http://www.pinterest.com/thekmf/creative-commons-images/ \"Ta för dig\")\r\n\r\n###Få hjälp###\r\nMen bäst av allt är ändå webbplatsen [Pexels.com](http://www.pexels.com/ \"Ideas are nothing\") som hämtar bilder från de i sin tur fantastiska [Gratisography](http://www.gratisography.com/ \"Bra saker\"), [Unsplash](http://unsplash.com/ \"Fin fint\") mfl och gör dem sökbara. Eller varför inte [TheStocks.im](http://thestocks.im/ \"Execution is everything\") som gör exakt samma sak och med i stort sett samma bilder. \r\n\r\nEtt annat bra val är [StockSnap.io](https://stocksnap.io/) som även de vaskar fram [CC0](https://www.24hr.se/vad-ar-cc0/ \"Vad är CC0?\") bilder och gör dem sökbara.\r\n\r\n###Avatarer###\r\nEtt annat kärt problem är att få tag på vettiga avatarer att jobba med i designförslag, mock-ups etc. Ett tag genererade jag alltid några från [Face Your Manga](http://www.faceyourmanga.com/ \"Du har sett dem förr. Jag lovar.\") men det blev lite enahanda.\r\n\r\nSå när jag häromdagen upptäckte [uiFaces](http://uifaces.com/) blev jag så glad att jag genast donerade [min egen avatar](http://uifaces.com/h4emtfr \"Vackert!\") till allmänhetens bästa.\r\n\r\nSe nu för gudars skull till att använda dessa i kombination med [uiNames](http://www.uinames.com/ \"Tyvärr nödvändigt\") så att jag slipper se fler [slarvmissar](https://pbs.twimg.com/media/BxNFhBqIQAAQ-oZ.png:large) i framtiden. ","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/timessq.jpg","width":1024,"height":692,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvdGltZXNzcS5qcGciLCJ3aWR0aCI6MTAyNCwiaGVpZ2h0Ijo2OTIsIndoaXRlbGlzdFNpemVzIjpbIjEyMDB4QVVUTyIsIjEwMHg2NSIsIjEwMHhBVVRPIiwiMTEweDgyIiwiNzUweEFVVE8iLCIxMDAweEFVVE8iLCIxMjAweDgwMCIsIjYwMHg0MDAiLCIxOTIweEFVVE8iLCI5NjB4QVVUTyIsIjMwMHhBVVRPIiwiMTkyMHgxMDAwIiwiOTYweDUwMCIsIjQ4MHgyNTAiLCIyMDB4MTUwIiwiMjI1eDE3MCIsIjIyNXhBVVRPIiwiMjI5eDMwMCIsIjM2OHhBVVRPIiwiNDUweDM0MCIsIjUwMHhBVVRPIiwiNzUweDUwMCIsIjd4MTAiLCI3eDEyIiwiN3gxNiIsIjd4MyIsIjd4NCIsIjd4NSIsIjd4NiIsIjd4NyIsIjd4OCIsIjd4OSIsIjF4MSJdLCJpbWFnZVZlcnNpb24iOiJ2NSIsImZvY3VzIjp7IngiOjAuNSwieSI6MC41fSwiaWF0IjoxNTgwMTM3NDA4fQ.dc_V9WIvSSz84xoC0jigoyb-6pDyTb1ulvUGP8Yri4E","imageVersion":"v5","src":"//wp-content/uploads/2019/11/timessq.jpg"},"preamble":"En samling länkar till den som letar gratis bilder.","title":"Bilder, bilder och åter bilder. Gratis!","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:782":{"_id":"782","blocks":{"type":"json","json":[]},"title":"Hur U2 klantade till det","content":"!I en typiskt Upprörd bloggpost går Bob Lefsetz igenom [alla klavertramp han anser att U2 gjorde](http://lefsetz.com/wordpress/index.php/archives/2014/09/10/u2-blew/ \"Ord och inga visor\") med sin senaste marknadsföringskampanj.\r\n\r\nKan man se förbi alla tweetvänliga lustigheter så finns det en hel del att lära om marknadsföring på nätet i allmänhet och de nya villkoren för populärkultur i synnerhet. \r\n\r\n>We live in a pull economy. Nothing pisses off the audience more than pushing something they don’t want and didn’t ask for to their devices. Even if you don’t download the album, it’s sitting there in your purchases, pissing you off.\r\n\r\nI en tid när ALLA snackar om att mobiler är en del av oss, att vi är cyborger och att [mobilen är viktigare än märkeskläder](http://www.nytimes.com/2014/08/28/business/less-prep-more-plugs-teenagers-favor-tech-over-clothes.html \"Du sköna nya värld\") väljer Apple att ta över något av det mest centrala i folks identitetsbygge. \r\n\r\n[Här, du gillar U2.](http://www.whoisu2.com/ \"Vem?\") ","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/LP.jpg","width":1404,"height":936,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvTFAuanBnIiwid2lkdGgiOjE0MDQsImhlaWdodCI6OTM2LCJ3aGl0ZWxpc3RTaXplcyI6WyIxMjAweEFVVE8iLCIxMDB4NjUiLCIxMDB4QVVUTyIsIjExMHg4MiIsIjc1MHhBVVRPIiwiMTAwMHhBVVRPIiwiMTIwMHg4MDAiLCI2MDB4NDAwIiwiMTkyMHhBVVRPIiwiOTYweEFVVE8iLCIzMDB4QVVUTyIsIjE5MjB4MTAwMCIsIjk2MHg1MDAiLCI0ODB4MjUwIiwiMjAweDE1MCIsIjIyNXgxNzAiLCIyMjV4QVVUTyIsIjIyOXgzMDAiLCIzNjh4QVVUTyIsIjQ1MHgzNDAiLCI1MDB4QVVUTyIsIjc1MHg1MDAiLCI3eDEwIiwiN3gxMiIsIjd4MTYiLCI3eDMiLCI3eDQiLCI3eDUiLCI3eDYiLCI3eDciLCI3eDgiLCI3eDkiLCIxeDEiXSwiaW1hZ2VWZXJzaW9uIjoidjUiLCJmb2N1cyI6eyJ4IjowLjUsInkiOjAuNX0sImlhdCI6MTU4MDEzNzQ0NX0.9zpgFtX4Jv3p2uzL3htFlMboH0YVHccIKKM9DPHiqAE","imageVersion":"v5","src":"//wp-content/uploads/2019/11/LP.jpg"},"preamble":"Det är bättre att lära av andras misstag","title":"Hur U2 klantade till det","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:/anvand-google-tag-manager-for-att-fa-koll-pa-utlankar":{"_id":"/anvand-google-tag-manager-for-att-fa-koll-pa-utlankar","blocks":null,"title":null,"content":null,"seo":null,"info":null,"effect":null,"customPageTitle":null,"redirect":"/blog/anvand-google-tag-manager-for-att-fa-koll-pa-utlankar","__typename":"Resource"},"Resource:3113":{"_id":"3113","blocks":{"type":"json","json":[]},"title":"Använd Google Tag Manager för att få koll på utlänkar","content":"!Med hjälp av Google Analytics och Google Tag Manager är det möjligt att få en bra överblick av vad besökare gör på din webbplats.\r\n\r\nDet är däremot inte helt enkelt då det är många saker som måste på plats, men när det väl är gjort så är det definitivt värt det.\r\n\r\nJag har brutit ner processen i tre steg och för enkelhets skull kommer jag att börja referera till Google Analytics som GA och Google Tag manager som GTM allt oftare (kanske inte i rubriker pga SEO). \r\n\r\nSteg två är det tveklöst mest pilliga, se till att du har en stor kopp kaffe inom räckhåll och avsätt en timme för det. \r\n\r\nEtt. Se till att du har Google Tag Manager och Google Analytics på din webbplats\r\nTvå. Skapa en tag i Google Tag Manager ihop med en Trigger\r\nTre. Se resultatet av tagen i analytics\r\n\r\n### Se till att du har Google Tag Manager och Google Analytics på din webbplats.\r\nDet här vet du antagligen redan, men om du känner dig osäker så kan du öppna Chrome och sen installera [Tag Assistant extenion](https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=en) och surfa in på din sida med det påslaget. Du kommer få nytta av den extensionen (jag ber om ursäkt för sveneglskan) senare så det är lika bra att du installerar den oavsett om du vet att du har GA och GTM eller inte.\r\n\r\n### Skapa en tag i Google Tag Manager ihop med en Trigger\r\nMålet med detta steget är att skapa ett Event som går att följa inne i GA. \r\n\r\nDu behöver inte vara orolig för att göra fel eftersom ingenting du gör påverkar din webbplats innan du har klickat på SUBMIT och sedan följt ett par steg där. Du kan vara helt lugn med andra ord, detta kommer att gå bra.\r\n\r\n1.\tGå till https://tagmanager.google.com/ och klicka på Tags och sen den stora röda NEW knappen. 
\r\n\r\n2.\tGe din tag ett så beskrivande namn som möjligt. Detta namnet kommer bara att synas inne i GTM så du kan verkligen ta i. Min heter “GA - Event - Outbound Link Click” vilket såhär i efterhand kanske var lite väl beskrivande. Hitta något som passar dig. Det går alltid att döpa om det senare.
\r\n3.\tNu blir det lite pilligt men när detta steget är över så är det värsta gjort.
\r\n\t1.\tKlicka på **Tag Configuration** panelen.
\r\n\t2.\tVälj tag typen Google Analytics – Universal Analytics
\r\n\t3.\tVälj **Track Type** Event
\r\n\t4.\tSkriv Outbound link click i **Category**fältet
\r\n\t5.\tKlicka på LEGO biten med ett plus bredvid **Action**fältet och välj **Click URL**
\r\n\t6.\tKlicka på samma ikon bredvid **Label**fältet och välj **Page Path**
\r\n\r\n4.\tEn sista pillig grej bara, sen blir det lättare. Du skall skapa en variabel som kommer att innehålla ditt GA Tracking ID. Har du redan gjort detta kan du välja den variablen i steg a här under och hoppa till steg 5 i listan.
\r\n\t1.\tTa reda på ditt GA Tracking ID genom att surfa in på din webbplats med Tag Assistant extension aktiverat. Klicka på Tag Assistant ikonen och ditt GA Tracking ID är listat under rubriken **Google Analytics**. Det börjar på UA och har sen en serie siffror. 
\r\n\t2.\tKopiera koden.
\r\n\t3.\tKlicka på dropdown menyn under **Google Analytics Settings** (OBS, i Google Tag Manager) och välj **New Variable…**
\r\n\t4.\tDöp din variabel i fältet uppe i toppen av sidan till något i stil med GA Tracking ID plus namnet på den webbplats det gäller för. Det underlättar ifall du har flera olika domäner att hålla koll på.
\r\n\t5.\tKlistra in det **Tracking ID** du kopierade tidigare och klicka på **Save**
\r\n\t6.\tNär du väl är tillbaka på **Tag Configuration** sidan väljer du din nyskapade variabel under **Google Analytics settings**
\r\n\r\n5.\tAvslutningsvis så bör du se till att din tag anonymiserar dina besökares IP adresser  (alternativt informerar du dem om att du kommer samla in en lista på utlänkar de klickar på) för att följa GDPR.
\r\n\t1.\tKlicka på **Enable overriding settings in this tag** kryssrutan.
\r\n\t2.\tFäll ut **More settings > Fields to set**.
\r\n\t3.\tKlicka på **+ ADD FIELD**.
\r\n\t4.\tSkriv **anonymizeIp** i **Field Name** fältet och **true** i **Value** fältet.  
\r\n\r\n6.\tGrattis! Taggen är klar. Nu skall du bara koppla ihop den med en trigger också. Klicka på den stora panelen under **Tag Configuration** panelen, den som heter **Triggering**.
\r\n\t1.\tKlicka på plusset upp i högra hörnet för att skapa en ny trigger.
\r\n\t2.\tDöp den till “Outbound link clicks” i textfältet högst upp på sidan.
\r\n\t3.\tKlicka på **Trigger Configuration** panelen.
\r\n\t4.\tHitta taggen som heter  “Clicks - Just Links”.
\r\n\t5.\tKlicka på radioknappen som heter **Some Link Clicks**.
\r\n\t6.\tStäll in följande filter via drop down menyerna som dyker upp **Click URL** i det första och **does not contain** i den andra
. Om du inte ser **Click URL** som alternativ så gå till [denna sidan](https://www.analyticsmania.com/post/click-element-variable-in-google-tag-manager/) och läs hur du kan lägga till alternativ.\r\n\t7.\tFyll i början av din webbplats URL i det tomma fältet till höger. Så i www.24hr.se fallet har jag fyllt i 24hr.se. Detta gör att enbart länkar som leder bort från din webbplats kommer att fyra av eventet. Vilket är hela syftet med denna övningen. 
\r\n\t8.\tKlicka på **SAVE** 
\r\n\t9.\tKlicka på **SAVE** på **Tag Configuration** panelen du kom till efter att ha sparat **Trigger Configuration**
\r\n\r\n7.\tBravo! Nu skall vi bara dubbekolla så att allt fungerar. Uppe i toppen av sidan ligger en knapp med texten **PREVIEW**. Klicka på den och öppna sen din webbplats.
\r\n\r\n8.\tLängst nere i browsern skall det ligga en stor panel med **Google Tag Manager** loggan. Om du skrollar i den bör du se din nyskapade tagg under rubriken **Tags Not Fired On This Page**
\r\n\r\n9.\tDags att testa den nya taggen. Tänk på att länkar du klickar på måste öppnas i ett nytt fönster, annars förlorar du gtm testpanelen, och det görs genom att hålla inne **ctrl** på en PC eller **cmd** på en mac och sen klicka på länken.
\r\n\r\n10.\tKlicka på några interna och några externa länkar och sen på det senaste eventet under **Summary** listan längst till vänster. Se hur din tag ibland dyker upp under **Tags Fired On This Event** och ibland inte.
\r\n\r\nNu var det klart. Bra jobbat. Det enda som återstår är att klicka på **SUBMIT** i gtm. Du kommer att bli ombedd att fylla i ett beskrivande namn samt en detaljerad beskrivning av vad du gjort.\r\nJag rekommenderar att lägga lite tid på detta. Tre år från nu sitter någon helt annan person och försöker reda ut vilka taggar som kan tas bort och den personen (kanske är det till och med du) kommer vara ditt nuvarande jag extremt tacksam för allt du skriver.\r\n\r\n### Kort mellanspel & välbehövlig paus\r\nInnan det är dags att gå vidare till nästa steg är det nödvändigt att ta en paus. Hur lång den är beror helt och hållet på hur mycket trafik du har på din webbplats. Det är inte så kul att försöka se statistik i Google Analytics om det inte varit några besök. \r\n\r\n### Se resultaten i Google Analytics\r\nSådärja, nu har det förhoppningsvis varit lite folk och klickat runt på din webbplats, dags att se vart de tar vägen.\r\n\r\n1.\tGå in på ditt ga konto
\r\n2.\tKlicka på **BEHAVIOUR > Events > Overview** och se om ditt event ligger i listan med **Top Events**. Om du följde **Steg 3d** ovan till punkt och pricka så borde det listas under **Event Category** som **Outbound link click**
\r\n3.\tKlicka på dess namn i listan med titeln **Event Category**
\r\n\r\nNu ser du en vy med data för enbart ditt nyskapade event. Ovanför tabellen med hu många gånger det har fyrat av kan du välja en ny **Primary Category**. Klicka på **Event Label** för att se på vilka sidor som folk har klickat en utlänk. Klicka på **Event Action** för att *till* vilka sidor folk klickar på utlänkar. \r\n\r\nOm du känner dig sugen på en extrautmaning så kan jag rekommendera att skapa en tabell som visar både var och vart länkar klickas. Det går att göras.\r\n\r\nNäst GA och GTM tutorial kommer antagligen att handla om hur det går till att skapa en dashboard med massa förinställda tabeller och grafer.","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/link-leak.jpg","width":1502,"height":845,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvbGluay1sZWFrLmpwZyIsIndpZHRoIjoxNTAyLCJoZWlnaHQiOjg0NSwid2hpdGVsaXN0U2l6ZXMiOlsiMTIwMHhBVVRPIiwiMTAweDY1IiwiMTAweEFVVE8iLCIxMTB4ODIiLCI3NTB4QVVUTyIsIjEwMDB4QVVUTyIsIjEyMDB4ODAwIiwiNjAweDQwMCIsIjE5MjB4QVVUTyIsIjk2MHhBVVRPIiwiMzAweEFVVE8iLCIxOTIweDEwMDAiLCI5NjB4NTAwIiwiNDgweDI1MCIsIjIwMHgxNTAiLCIyMjV4MTcwIiwiMjI1eEFVVE8iLCIyMjl4MzAwIiwiMzY4eEFVVE8iLCI0NTB4MzQwIiwiNTAweEFVVE8iLCI3NTB4NTAwIiwiN3gxMCIsIjd4MTIiLCI3eDE2IiwiN3gzIiwiN3g0IiwiN3g1IiwiN3g2IiwiN3g3IiwiN3g4IiwiN3g5IiwiMXgxIl0sImltYWdlVmVyc2lvbiI6InY1IiwiZm9jdXMiOnsieCI6MC41LCJ5IjowLjV9LCJpYXQiOjE1ODAxMzc0OTN9.4lfYBXt3y7Zk3M3u8QNOSLcXmmSOns5Iva8c_aHIjVI","imageVersion":"v5","src":"//wp-content/uploads/2019/11/link-leak.jpg"},"preamble":"Kom igång med Tag Manager","title":"Använd Google Tag Manager för att få koll på utlänkar","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"},"Resource:1143":{"_id":"1143","blocks":{"type":"json","json":[]},"title":"Artister mot Spotify rond ... tre?","content":"!Ännu en gång går Svenska artister ut och protesterar mot Spotify. Men denna gången händer det oväntade.\r\n\r\nJag har tappat räkningen på hur många artistupprop mot Spotify vi har haft. Jag vet inte hur många \"å ena sidan å andra sidan\" jag läst. Denna gången är det något som är annorlunda. \r\n\r\nJag pratar om Taylor Swift och hennes uppmärksammade [avhopp i slutet av förra året.](http://uk.businessinsider.com/taylor-swift-explains-why-she-left-spotify-2014-11?r=US) Det blev en del skriverier den gången. [Daniel Ek himself skrev ett öppet brev](https://news.spotify.com/sg-en/2014/11/11/2-billion-and-counting/), musikbranschens bad boy nummer ett [applåderade hennes förmåga att hamna i strålkastarljuset.](http://lefsetz.com/wordpress/index.php/archives/2014/11/03/taylor-swift-exits-spotify/)\r\n\r\nVilket för oss till det senaste [svenska upproret](http://www.di.se/artiklar/2015/2/16/artister-till-attack-mot-spotify/) och den totala icke reaktionen det möttes av. Jag kan bara dra en slutsats: Spotify har vunnit.\r\n\r\nAntingen får musiker sluta publicera sin musik på streamingtjänster eller så får de finna sig i hur landet ligger. Det kan vara hur orättvist som helst. Det kan till och med vara direkt skadligt för all framtida musik. Men tiden för arga namnlistor är över. \r\n\r\nJag tror inte vi får se fler.","seo":null,"info":{"type":"json","json":{"image":{"url":"//wp-content/uploads/2019/11/skivor.jpg","width":1152,"height":753,"focus":{"x":0.5,"y":0.5},"jwt":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfX2lzaW1hZ2UiOnRydWUsInVybCI6Ii8vd3AtY29udGVudC91cGxvYWRzLzIwMTkvMTEvc2tpdm9yLmpwZyIsIndpZHRoIjoxMTUyLCJoZWlnaHQiOjc1Mywid2hpdGVsaXN0U2l6ZXMiOlsiMTIwMHhBVVRPIiwiMTAweDY1IiwiMTAweEFVVE8iLCIxMTB4ODIiLCI3NTB4QVVUTyIsIjEwMDB4QVVUTyIsIjEyMDB4ODAwIiwiNjAweDQwMCIsIjE5MjB4QVVUTyIsIjk2MHhBVVRPIiwiMzAweEFVVE8iLCIxOTIweDEwMDAiLCI5NjB4NTAwIiwiNDgweDI1MCIsIjIwMHgxNTAiLCIyMjV4MTcwIiwiMjI1eEFVVE8iLCIyMjl4MzAwIiwiMzY4eEFVVE8iLCI0NTB4MzQwIiwiNTAweEFVVE8iLCI3NTB4NTAwIiwiN3gxMCIsIjd4MTIiLCI3eDE2IiwiN3gzIiwiN3g0IiwiN3g1IiwiN3g2IiwiN3g3IiwiN3g4IiwiN3g5IiwiMXgxIl0sImltYWdlVmVyc2lvbiI6InY1IiwiZm9jdXMiOnsieCI6MC41LCJ5IjowLjV9LCJpYXQiOjE1ODAxMzc1OTZ9.0MHHge6so9gbDnvq5seUOZRfwPRHo141OcaXLKXgN2I","imageVersion":"v5","src":"//wp-content/uploads/2019/11/skivor.jpg"},"preamble":"Kan detta vara sista gången vi ser en namninsamling mot Spotify?","title":"Artister mot Spotify rond ... tre?","color":""}},"effect":null,"customPageTitle":"","redirect":null,"__typename":"Resource"}}