Tagget med: Comments

Responsive Facebook Comments / Tablets

For et lille år siden skiftede jeg om til responsivt design her på sitet, hvilket samtidigt betød at jeg skiftede fra Facebook Comments tilbage til WordPress’ medfødte kommentarsystem. Alene fordi jeg havde problemer med at få kommentarsporet fra Facebook til at skalere flydende og korrekt på tablets – eksempel på problemet kan ses på feltet.dk og kstud.dk. Et ærgerligt skift af kommentarspor, da WordPress’ eget system i udgangspunktet er lukket omkring sig selv og ikke har social sharing. Problemet har jeg nu fået løst … 2 minutter med en koder og lidt basic CSS. Tilføj den tydeligevis vigtige kode til dit stylesheet og du er kørende.

[php]
.fb-comments.fb_iframe_widget span {width: 100% !important; display: block !important; } .fb-comments.fb_iframe_widget { display: block !important;} .fb-comments.fb_iframe_widget iframe { width: 100% !important;}
[/php]

Ovenstående rettelse er mest af akademisk interesse, for jeg ændrer foreløbig intet herinde. Men smid altid gerne en kommentar.

Tak til clausjnsn for kode.

Fra idé til liv = 45 min!

Gik en tur, fik en idé, stressede over ikke at kunne få den ud inden lørdagsøl og vupti – 45 minutter efter havde jeg en løsning parat. Når idéen er god er 45 minutter åbenbart rigeligt, og denne idé er både god og med perspektiver. Eller også motiveres jeg bare kraftigt af tanken om øl! Er halvt på vej ud af døren, så bær over med stavefejl, sjusk og vrøvl…

Som så mange gange før, er der tale om mit site http://blågårdsgade.dk – det gælder om at have altid at have en legeplads i nærheden, hvis man godt kan lide at lege! Helt konkret har jeg denne gang leget med siden Gadens Stemme inde på blågårdsgade.dk – en side der egentlig bare er ét stort Facebook kommentarfelt hvor man kan skrive om hid og did. Desværre bliver siden ikke benyttet som jeg havde håbet på. Der er til gengæld godt gang i Blågårdsgade’s Facebook-side, som snart er oppe på 2000 “synes godt om”. Tænkte derfor, at det ville give mening hvis man kunne hive Gadens Stemme ind på Facebook-siden. Så det har jeg gjort…

Gadens Stemme på blågårdsgade.dk: http://blågårdsgade.dk/gadens-stemme/

Gadens Stemme på Facebook-siden: http://www.facebook.com/Blaagaardsgade?sk=app_114580175282893

Den faste læser ved, at jeg påbegyndte lidt leg med Iframe app’s i denne uge. De tidligere app’s har dog alle været bygget envejs – denne app er lidt anderledes! Lige meget om man skriver på Facebook-siden eller direkte på blågårdsgade.dk, bliver kommentaren nemlig delt begge steder. Og URL’en der efterfølgende deles på ens Facebook-væg går strategisk nok til http://blågårdsgade.dk/gadens-stemme/. Samlet skulle det gerne booste antallet af kommentarer på Gaden Stemme.

Jeg burde nok skrive en guide, men den der bærer viljen skal nok bare høre idéen og/eller se lidt kode. Derfor…

KODE:
<div id=”fb-root”></div><script src=”http://connect.facebook.net/da_DK/all.js#appId=138924429453036&amp;xfbml=1″></script><fb:comments xid=”9SOy7F4z89qlYx9_post703″  numposts=”4″ width=”520″ publish_feed=”true” simple=”true” css=”http://xn--blgrdsgade-25ab.dk/wp-content/plugins/facebook-comments-for-wordpress/css/facebook-comments-hidelike.css?2″ url=”http://xn--blgrdsgade-25ab.dk/gadens-stemme/”></fb:comments>

Kommentar til koden: Jeg har måtte opsætte lidt hurtig/særskilt CSS til kommentarfeltet som du kan se – ellers fik jeg vist “likes”. Det fungerede ikke, da likes gik til url’en = http://blågårdsgade.dk/fbtab/gadens-stemme-2 (læs denne guide for at forstå hvorfor). Facebook cacher din CSS, hvilket er grunden til ?2 - og sidste detalje, for at kunne sammenflette kommentarsporet skal du kopiere xid og app-id fra det kommentarsport du vil benytte til formålet. Så er du kørende.

Har du spørgsmål er du selvfølgelig velkommen til at skrive en kommentar nedenfor, eller fange mig på askhybel.dk/facebook. Lige meget om det er af teknisk eller strategisk art – er jo egentlig webstrategisk rådgiver, har bare et lettere nørdet sind ;)