Fredrik Malmgren http://fredrikmalmgren.se Allt inom webb och mobilt Tue, 31 Aug 2010 19:48:19 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Summering av augusti 2010 http://fredrikmalmgren.se/2010/08/summering-av-augusti-2010/ http://fredrikmalmgren.se/2010/08/summering-av-augusti-2010/#comments Tue, 31 Aug 2010 19:48:19 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1640 Dags för en sammanfattning av månaden som passerat. Just nu spenderar jag väldigt mycket tid med WordPress, dels att göra sajter men jag sitter äntligen och fixar i ordning med mina plugins så jag kan skicka upp dem till WordPress så fler kan ta del av dem. När man ska skicka upp dem till WordPress krävs det lite mer än när man bara ska använda dem själv. Man måste till exempel tänka igenom vad man döper bland annat funktioner till så de inte krockar med andra plugins. Även en readme.txt och gärna skärmdumpar måste också finnas.

Jag har under några månader nu funderat på vad jag ska göra med fredrikmalmgren.com som jag köpte samtidigt som denna domän och nu har jag äntligen bestämt mig. Det kommer att bli en typ av portfolio där jag kan samla allt jag gör. En sak som kommer att hamna på denna sajt är de plugins till WordPress som jag nämnde tidigare men även en hel del annat roligt som jag tänker dela med mig av.

Under de senaste veckorna har jag hjälpt en kompis med några WordPress sajter som han håller på med. Fick chansen att testa på WordPress nya tema, TwentyTen, som var rätt trevligt att arbeta med. Två sajter handlar om vin och den tredje är en form av kampanjsajt till ett större företag i Sverige.

Även en egen sajt håller på att få liv. Det är en sajt som baseras på Twitters API. De mesta av grunden är klar, men det känns ändå ganska långt kvar tills designen är på plats tyvärr.

Här är månadens blogginlägg:
Markera relevant innehåll för Google AdSense
Ny trackingkod för Google Analytics

]]> http://fredrikmalmgren.se/2010/08/summering-av-augusti-2010/feed/ 0 Ny trackingkod för Google Analytics http://fredrikmalmgren.se/2010/08/ny-trackingkod-for-google-analytics/ http://fredrikmalmgren.se/2010/08/ny-trackingkod-for-google-analytics/#comments Wed, 11 Aug 2010 11:32:57 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1627 Många är vi som använder Googles populära trackingsystem Google Analytics. Nu för tiden när Google har gått ut med att laddtiden för en sida att laddas spelar roll för SEO så är det väldigt viktigt att scriptet för Google Analytics inte gör sidan seg när man väntar på att den ska koppla upp mot servern. För en tid sedan kom Google med en lösning på detta problem, nämligen ett asynkront javascript. I slutet av 2009 släppte Google detta javascript som Beta och från maj 2010 är det detta javascript man får som standard när man lägger till nya sajter i Google Analytics.

Så här såg den gamla koden ut:

<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
	try {
		var pageTracker = _gat._getTracker("UA-xxxxxxx-x");
		pageTracker._trackPageview();
	} catch(err) {}
</script>

Den nya asynkronta javascriptet:

<script type="text/javascript">
	var analyticsFileTypes = [''];
	var analyticsEventTracking = 'enabled';
</script>
<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
	_gaq.push(['_trackPageview']);

	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
	})();
</script>

Självklart fungerar fortfarande den gamla koden men det är rekommenderat att byta till den nya snabbare koden så snart som möjligt.

]]> http://fredrikmalmgren.se/2010/08/ny-trackingkod-for-google-analytics/feed/ 0 Markera relevant innehåll för Google AdSense http://fredrikmalmgren.se/2010/08/markera-relevant-innehall-for-google-adsense/ http://fredrikmalmgren.se/2010/08/markera-relevant-innehall-for-google-adsense/#comments Wed, 04 Aug 2010 11:05:30 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1596 Många bloggare och webbsajter visar annonser från Google AdSense. För det mesta är AdSense väldigt bra på att visa relevanta annonser till en text. Ibland händer det dock att de visar annonser som inte är fullt så relevanta för sidan.

För att hjälpa AdSense på traven finns det taggar som ser ut som vanliga HTML-kommentarer men som talar om för AdSense vilket innehåll som är relevant och vilket innehåll de kan bortse från. Med dessa taggar markerar man början och slutet på den text man vill lyfta fram alternativt de texter man vill lägga mindre vikt på.

För att lyfta fram innehåll använder man följande taggar runt sin text:

<!-- google_ad_section_start -->
<!-- google_ad_section_end -->

Motsvarande taggar för innehåll som man vill lägga mindre vikt vid:

<!-- google_ad_section_start(weight=ignore) -->
<!-- google_ad_section_end -->

Ett exempel på hur det kan se ut på en vanlig webbsajt:

<html>
<head>
<title>Sida med relevant och irrelevant innehåll för Google Adsense</title>
</head>
<body>

<!-- google_ad_section_start -->
Detta är en viktig text som vi vill lägga mer vikt på
<!-- google_ad_section_end -->

<!-- google_ad_section_start(weight=ignore) -->
Detta är en mindre viktig text som vi vill lägga mindre vikt på.
<!-- google_ad_section_end -->

</body>
</html>

Använder man WordPress kan man till exempel i filen single.php lägga dessa taggar runt the_content(); på följande sätt:

<!-- google_ad_section_start -->
<?php the_content(); ?>
<!-- google_ad_section_end -->

Dessa taggar kan användas på så många ställen man vill men man ska ha klart för sig att detta endast är förslag till Google AdSense och det kan ta upp till 2 veckor innan man ser något resultat.
För att detta ska fungera bra måste man också ha en betydande del text inom dessa taggar för att inte riskera att få sämre relevans på annonserna så använd detta med förstånd.

]]> http://fredrikmalmgren.se/2010/08/markera-relevant-innehall-for-google-adsense/feed/ 1 Summering av juli 2010 http://fredrikmalmgren.se/2010/07/summering-av-juli-2010/ http://fredrikmalmgren.se/2010/07/summering-av-juli-2010/#comments Sat, 31 Jul 2010 20:46:44 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1583 I juli månad har det varit väldigt lugnt på bloggen, faktiskt inte en enda bloggpost har skrivits. Anledningen till det är att jag har försökt att ta det så lugnt som möjligt under min semester. Men om man inte räknar bloggposter så har det i alla fall hänt lite andra saker.

Jag och en kompis håller på med en sajt till en vinimportör. Första utkastet på sajten blev klart igår. Jag tycker själv det blev väldigt bra. Sajten bygger såklart på WordPress och denna gång har jag fått använda många av de saker jag har lärt mig den senaste tiden. Bland annat har jag använt mig av custom post types, custom taxonomies plus en del andra saker för att modifiera funktionerna i WordPress.

Även en ny egen sajt börjar ta form. Satt uppe en sen kväll och fick en ide som jag kände att jag var tvungen att göra. Jag tänkte inte avslöja vad det är förens den är färdig men den har en stark koppling till Twitter.

Sedan har jag även börjat laborera lite med en sajt på engelska där jag till exempel kan lägga upp alla mina plugins till WordPress och Firefox och andra saker jag utvecklar som kan vara av intresse för andra. Jag skulle såklart kunna lägga upp dem på den här sajten men för att få bäst spridning ska de skrivas på engelska och då är det nog bäst att skapa en helt nya sajt för detta ändamål.

]]> http://fredrikmalmgren.se/2010/07/summering-av-juli-2010/feed/ 0 Summering av juni 2010 http://fredrikmalmgren.se/2010/06/summering-av-juni-2010/ http://fredrikmalmgren.se/2010/06/summering-av-juni-2010/#comments Wed, 30 Jun 2010 21:29:33 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1567 Nu är det bara lite drygt en vecka kvar tills min semester börjar. Semesterplaneringen är i full gång och det kommer att blir ett pusslande för att hinna med allt.

Ingen har väl missat att det pågår fotbolls-VM i Sydafrika. Bara några dagar före första avspark fick jag tipset om en plugin till Wordpress som gjorde så man kunde skapa en sajt för att tippa resultatet. Jag blev inspirerad och satte ihop Predict World Cup 2010 på en kväll utan några större problem.

När jag sedan försökte sprida sajten fick jag ett erbjudande om att skapa en liknande sajt på svenska för en av de större sportkedjorna i Sverige. Resultatet blev Tippa fotbolls-VM. Funktionen är mer eller mindre exakt den samma som för den engelska sajten men designen blev klart förbättrad. Nu återstår bara att se vem som vinner!

Den senaste tiden har jag gjort en hel del plugins till Wordpress men även till bland annat Firefox. Nu känns det som att det är rätt tillfälle att skapa en sajt på engelska där jag gör allt detta publikt så att även andra fått nytta av dem. Sajten kommer även att få agera företagssajt där jag lägger upp min portfolio på sajter jag gjort men även en hel del tutorials.

Under juni har jag skrivit några blogginlägg också:

Ny sajt till fotbolls-VM 2010
Egen bakgrundsbild på Googles startsida
Starta ett videoklipp från YouTube vid en viss tidangivelse
Automatiskt översatt text?
Kul funktion i Safari 5

]]> http://fredrikmalmgren.se/2010/06/summering-av-juni-2010/feed/ 2 Kul funktion i Safari 5 http://fredrikmalmgren.se/2010/06/kul-funktion-i-safari-5/ http://fredrikmalmgren.se/2010/06/kul-funktion-i-safari-5/#comments Fri, 25 Jun 2010 09:21:33 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1544 I Safari 5 finns en ny funktion som heter Reader. Funktionen fungerar så att när Safari kan lista ut vad som är en artikel på en sida så visar de en Reader-knapp uppe i adressfältet.

Safari 5

Safari 5

Klickar man på Reader-knappen så får man se följande vy.

Safari 5 med Reader-vy

Safari 5 med Reader-vy

Spontant skulle jag gissa att denna funktion lämpar sig väldigt bra på en iPad. Tyvärr fungerade inte detta när jag skulle testa på min kollegas iPad eftersom han inte hade Safari 5 installerat.

]]> http://fredrikmalmgren.se/2010/06/kul-funktion-i-safari-5/feed/ 0 Automatiskt översatt text? http://fredrikmalmgren.se/2010/06/automatiskt-oversatt-text/ http://fredrikmalmgren.se/2010/06/automatiskt-oversatt-text/#comments Thu, 24 Jun 2010 09:16:34 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1534 För några dagar sedan så skickade jag in en supportfråga till ett av de webbhotell som jag använder. När jag sedan skulle stänga ärendet såg jag denna, rätt roliga (läs: dåliga) översättningen. Speciellt roligt blev översättningen av knappen ”Close”.

Automatiskt översatt text

Automatiskt översatt text

]]> http://fredrikmalmgren.se/2010/06/automatiskt-oversatt-text/feed/ 0 Starta ett videoklipp från YouTube vid en viss tidangivelse http://fredrikmalmgren.se/2010/06/starta-ett-videoklipp-fran-youtube-vid-en-viss-tidangivelse/ http://fredrikmalmgren.se/2010/06/starta-ett-videoklipp-fran-youtube-vid-en-viss-tidangivelse/#comments Wed, 16 Jun 2010 13:50:31 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1493 Ibland när man länkar till videoklipp från YouTube vill man referera till något som händer vid en viss tidsangivelse. Det vanligaste sättet att göra detta på är att man helt enkelt skriver hur långt in i klippet som den aktuella händelsen inträffar.

Det finns ett sätt som gör det mycket enklare för både dig själv men också för den som ska kolla på videoklippet. När man länkar direkt till videoklippet eller bäddar in ett klippet på sidan kan man ange vid vilken tidstämpel klippet ska starta.

För en direktlänk till ett videoklipp anger man tidstämpeln i minuter och sekunder med parametern t enligt följande:

http://www.youtube.com/watch?v=tEa0XANOUpo#t=1m22s

För ett inbäddat videoklipp anger man tidstämpeln i enbart sekunder med parametern start enligt följande:

<object width=”560″ height=”340″><param name=”movie” value=”http://www.youtube.com/v/tEa0XANOUpo&hl=sv_SE&fs=1&start=82”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/tEa0XANOUpo&hl=sv_SE&fs=1&start=82” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”560″ height=”340″></embed></object>

Detta klipp startar 1 min och 22 sekunder in i videoklippet:

]]> http://fredrikmalmgren.se/2010/06/starta-ett-videoklipp-fran-youtube-vid-en-viss-tidangivelse/feed/ 0 Egen bakgrundsbild på Googles startsida http://fredrikmalmgren.se/2010/06/egen-bakgrundsbild-pa-googles-startsida/ http://fredrikmalmgren.se/2010/06/egen-bakgrundsbild-pa-googles-startsida/#comments Tue, 15 Jun 2010 07:42:26 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1483 Jag har tidigare skrivit om en del förändringar som Google har gjort på sin startsida. Nu har de även lagt till så man kan välja en egen bakgrundsbild för Googles startsida. Detta görs genom att klicka på länken längst ner till vänster på startsidan. Såklart måste man måste vara inloggad på sitt Google-konto för att detta ska fungera.

Nikke som också skrivit om detta tipsade om DownloadSquad som har valt en skärmdump av Bing som bakgrundsbild.

Egen bakgrundsbild på Google

Egen bakgrundsbild på Google

]]> http://fredrikmalmgren.se/2010/06/egen-bakgrundsbild-pa-googles-startsida/feed/ 0 Ny sajt till fotbolls-VM 2010 http://fredrikmalmgren.se/2010/06/ny-sajt-till-fotbolls-vm-2010/ http://fredrikmalmgren.se/2010/06/ny-sajt-till-fotbolls-vm-2010/#comments Mon, 07 Jun 2010 06:33:48 +0000 Fredrik Malmgren http://fredrikmalmgren.se/?p=1458 Fotbolls-VM närmar sig men tyvärr är Sverige inte med. Detta hindrar dock inte mig från att göra en sajt på detta tema.

På sajten Predict World Cup 2010 kan du gissa resultaten för varje match i gruppspel och slutspel. Efter att varje match är slut räknar sajten ut hur många poäng du har fått baserat på ett antal kriterier. Man behöver inte gissa helt rätt för att få poäng utan man får även poäng för att bland annat gissa rätt målskillnad.

Predict World Cup 2010

Predict World Cup 2010

Det är endast några dagar kvar innan först matchen så se till att skapa ett konto redan i dag och uppmana även dina vänner att göra det så får vi se vem som kan mest om fotboll!

Google har även de börjar uppmärksamma VM. Bland annat syns det om du söker på World Cup 2010.

Google World Cup 2010

Google World Cup 2010

]]> http://fredrikmalmgren.se/2010/06/ny-sajt-till-fotbolls-vm-2010/feed/ 3