2012/03/26

Share on...

Mint ahogy azt már egy korábbi bejegyzésemben megírtam, a közösségi oldalak a mai netes közösség egyik fő mozgatórugói, így szinte minden weboldalba kerül beillesztésre legalább egy megosztás gomb. Legyen szó akár lájkolásról, +1-ről, vagy bármi másról, a weboldalak szerves részévé váltak a megosztó gombok.
Azok, akik jelenleg fejlesztenek weboldalt, remélem hasznos lesz az alábbi, rövidke kis bejegyzés, amely a leggyakrabban használt közösségi portálok megosztó funkciót foglalja magában.

MEGOSZTÁS FACEBOOKON:



A gomb megtalálható a http://www.facebook.com/share_partners.php/ oldalon, ahol a megfelelő mezők kitöltésével létrehozhatjuk saját like gombunkat, melynek generált kódját ezután csak be kell illeszteni az oldalunk megfelelő részébe.
Ugyanezt megtehetjük az alábbi kódrészlet beszúrásával is:
<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,'toolbar=0,status=0,width=626,height=436′);return false;}</script><a href=”http://www.facebook.com/share.php?u=<url cím>” onclick=”return fbs_click()” target=”_blank”><img src=”megjeleníteni kívánt kép url címe” alt=”Share on Facebook” /></a>
GOOGLE + GOMB



Saját Google +1 gombunkat elkészíthetjük a  http://www.google.com/webmasters/+1/button/ oldalon, vagy az alábbi két lépés végrehajtásával:
1. A weboldal <head> és </head> tagjai közé illesszük be az alábbi kódot:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
2. Az előző kód beillesztés után keressük meg azt a helyet, ahol ténylegesen meg szeretnénk jeleníteni a gombot, majd illesszük be az alábbi kódot:
<div class="g-plusone" data-size="medium" data-annotation="none" data-href="A weboldalad URL címe"></div>
Ha mindent jól csináltunk, kész is a +1 gombunk. A kódban található  data-size="medium" kódrészlet a gomb stílusát adja vissza, ez egy közepes stílusú, számláló nélküli beállítást használ.

MEGOSZTÁS TWITTEREN



Ezzel a rövidke kis kódsorral elcsiripelhetjük oldalunk másoknak is. Nem kell mást tenni, mint a kívánt helyre beszúrni ezt a kódsort:
<a href=”http://twitter.com/home?status=Currently reading ” title=”Click to share this post on Twitter”><img src="A megjeleníteni kívánt kép URL címe" /></a>
LINKEDIN MEGOSZTÁS



Saját LinkedIn gombunkat elkészíthetjük a http://www.linkedin.com/static?key=developers_widget_shareonlinkedin oldalon, vagy az alábbi rövid kódsor beillesztésével:
<a href=”http://www.linkedin.com/shareArticle?mini=true&url=<?phpthe_permalink(); ?>&title=<?php the_title(); ?>&source=Ide jön az oldalad címe”><img src=”A használni kívánt kép URL címe”></a>
ADDTHIS 


Azoknak pedig, akik nem szeretnének hasonlókkal szöszölni, íme egy újabb alternatíva:
http://www.addthis.com/ oldalon regisztrálva  elkészíthetünk magunknak egy generált kódot, amely a beállított oldalakon megoszthatóvá teszi oldalunkat.

Remélem ez a bejegyzés hasznos volt azoknak, akik szeretnék megosztani oldaluk különböző közösségi portálokon. Sok sikert a használatukhoz :)

Nincsenek megjegyzések:

Megjegyzés küldése