Lägg till funktionalitet på din hemsida utan kunna programera!

Denna artikel är skriven av Andreas Krohn och handlar om hur du enkelt kan lägga upp olika internet script på din hemsida med hjälp av JS-kit. Faktum är att det tar längre tid för Andreas att designa applikationerna från Js-Kit än att lägga upp dem.

Det finns gott om internet script som gör det relativt enkelt att lägga till
omröstningar, recensioner och annat användbart till din sajt. Tyvärr så
kräver de flesta av dessa script en hel del av dig som användare. Du måste kunna en del programmering, det är en hel del inställningar och du måste kunna ladda upp dem på din server, för att det skall fungera som du vill. För ett tag sedan vill jag lägga till en omröstning och möjligheten för mina besökare att lämna recensioner till min prisjämförelsesajt för webbhotell. Eftersom jag inte hade så mycket tid för uppgiften så var att programmera det själv eller använda komplicerade skript, inte något för mig. Tillslut hittade jag en perfekt lösning. Tack vara JS-kit så kunde jag lägga till både en omröstning och recensioner av webbhotell på bara några minuter. Det krävdes ingen programmering och alla inställningar gjordes direkt i webbläsaren. Jag spenderade faktiskt mer tid på att fixa utseendet på min omröstning än på att implementera den.

Hur gör man:
Med JS-kit så kan man lägga till kommentarer, betygsättning, recensioner och omröstningar till en webbsajt. Man kan också använda deras navigator för att visa vilket innehåll på en sajt som är populärast. Man gör detta genom att inkludera ett par rader HTML. Inställningar hanterar man direkt i webbläsaren, samt till viss del också via den HTML man inkluderar på sin sajt. För att lägga till en omröstning på sin sajt så använder man bara den här koden:

<pre>&lt;div class="js-kit-poll" style="width:350px"&gt;&lt;/div&gt;
&lt;script src="http://js-kit.com/polls.js"&gt;&lt;/script&gt;</pre>

När du har lagt till den koden till en av dina sidor så går du bara till
sidan i din webbläsare för att konfigurera omröstningen. Du behöver inte registrera dig på JS-Kit, utan JS-Kit identifierar dig via en cookie som de har sparat på din dator. På så sätt vet de att du är omröstningens administratör och omröstningen visas bara för dig fram till att du är klar med alla inställningar och väljer att publicera den. Det går att konfigurera vilken fråga och vilka svar som ska finnas med i
omröstningen, samt vilka färger som ska användas etc. JS-Kit tar hand om all programmering och de lagrar all data, så du behöver inte oroa dig om programmering eller om databaser. Om du vid ett senare tillfälle vill ändra din omröstning så gör du det på samma sätt som du konfigurerade den till att börja med, dvs direkt i din webbläsare. Eftersom omröstningen använder Cascading Style Sheets så kan man lätt ändra utseende på den totalt om man kan lite CSS.

Såhär kan en omröstning se ut:



Att lägga till Recensioner:
Recensioner är lite mer komplext än att lägga till omröstningar, så låt oss ta en titt på hur man kan lägga till recensioner till en sajt på endast några minuter. En JS-Kit recension är en blandning av två andra JS-Kit komponenter - betygsättning (ratings) och kommentarer. För att ha en recension så måste man nämligen både kunna sätta ett betyg och motivera det betyget. Om man bara vill ha betyg eller kommentarer så kan man givetvis använda dessa komponenter separat.

1. Kopiera HTML koden som du hittar på JS-kits recensionssida och klistra in den i din HTML sida på det ställe där du vill ha din recension.

<pre>&lt;div class="js-kit-rating"&gt;&lt;/div&gt;
&lt;div class="js-kit-comments"&gt;&lt;/div&gt;
&lt;script src="http://js-kit.com/ratings.js"&gt;&lt;/script&gt;</pre>

2. När sidan är tillgänglig på din server så är det bara att gå till
sidan i webbläsaren för att börja skriva en recension! OBS: Det går inte att testa recensionerna på en lokal utvecklingsserver, sidan måste vara på en publik domän. Detta gäller alla js-kit komponenter.

Det här är ett exempel på recension från WebhostNinja

Det finns många inställningar att leka med för en recension. Det är
enkelt att ändra färg på de stjärnor som används eller att använda tumme upp/ner istället för stjärnor. För att göra det så är det bara att lägga till ett attribut till JS-Kit div taggen som du inkluderar på din HTML sida:

Så här lägger du till tumranking(se bilden):

<pre>&lt;div class="js-kit-rating" view="score"&gt;&lt;/div&gt;
&lt;div class="js-kit-comments"&gt;&lt;/div&gt;
&lt;script src="http://js-kit.com/ratings.js"&gt;&lt;/script&gt;</pre>



Du hittar dokumentation om alla tillgängliga inställningar på JS-Kits sida  om recensionskomponenten.

Nedan ser ni ett exempel från WebHostNinjas hur en recension ser ut:



Administration
Att installera och konfigurera omröstningar och recensioner är bara
halva jobbet. Du måste också kunna administrera dem och ha tillgång till statistik om hur populära de är. Som tur är så är detta väldigt enkelt
med JS-Kit.

På sidan Js-kit  settings så kan man administrera alla sina sajter och alla sina Js-Kit komponenter. Där kan man bla godkänna nya kommentarer och bjuda in andra personer som kan hjälpa till med att moderera kommentarer. Det är också här som man konfigurerar och personaliserar alla sina Js-Kit komponenter. För att se statistik om hur populär dina omröstningar och recensioner är så ta en titt på JS-Kit dashboard. Här visas all statistik om alla dina JS-kit komponenter under det senaste året.



Ett problem som kan uppstå
JS-Kit identifierar dig som administratör till den komponenten som du
använder genom att använda cookies. Det kan vara ett  problem om du
använder en dator, bytar webbläsare, eller om du helt enkelt har raderat dina cookies. Då vet inte JS-Kit helt enkelt inte vem du är längre. Om det händer så måste du identifiera dig för JS-Kit genom att antingen ladda upp en viss fil till din sajt eller genom att lägga till lite data i headern på din webbsajt. Gå till js-kit.com/settings och ange
adressen till din sida och följ instruktionerna.





Sammanfattning
JS-Kit har gjort ett fantastiskt bra jobb med att skapa väldigt
användbara komponenter som samtidigt är väldigt lätta att använda. Det är bara att klipp och klistra lite för att få en väl fungerande
omröstning på din sajt. Det enda negativa är att du inte har full
kontroll på din data (recensioner etc) eftersom det lagras på JS-kits
maskiner, samt att JS-Kit i framtiden kommer att finansieras via
annonser (hur är ännu ej bestämt). Så det är värt att hålla ett öga på
JS-Kits blogg om du börjar använda deras komponenter.

OM INLÄGGET/FÖRFATTAREN:
Denna artikel är skriven av Andreas Krohn , som driver WebHostNinja.com och bloggar om mashups från ett svenskt perspektiv på mashup.se. Artikeln publicerades först på sixrevisions.com.

Kommentarer

Namn:
E-post:
Kommentar:

Stäng

Skriv en kommentar