Linkmegosztás weboldalakra

| | , , , ,

Mikor elkezdtem a blog, illetve a fefy.info motorját írni, már akkor is tudtam, hogy a főbb közösségi oldalakra, illetve linkgyűjtőkre (facebook, twitter, digg, delicious valamint még az iwiw is ide sorolható) meg lehet majd osztani a tartalmat.

Mivel szeretném betartani az említett oldalak szabályzatát (kell a francnak egy jogi per), így elkezdtem olvasgatni a logó használatot, valamint a linkelések módját. Természetesen a Facebook ilyen téren a legszigorúbb. Ne módosítsuk a logót, így ne linkeljünk, úgy ne linkeljünk, a régi, működő dolgokra mutató linkek halottak, vagy éppen teljesen máshova irányítanak (köszönjünk Mark Zuckerberg...). A Twitter ilyen téren egy hatalmas pirospontot érdemel, mindent biztosít, amire csak szüksége lehet az embernek. Kereken két perc keresés után a twitteres megosztó linkem kész volt teljesen, ahogyan a Digg is. A Delicious se okozott nagy problémát, habár a logót újból kellett rajzolnom, mivel túl kicsi volt, de ezt leszámítva nem volt különösebb nehézség a beágyazásával.

Az iwiw viszont még nincs kész, de szerintem az iwiw is a Twitter és a Digg mellé sorolható, mivel kénytelen kapkodni a felhasználók után ezért nagy szabadságot ad a webfejlesztőknek (legalább ezt felismerte a magentás tulajdonú oldal, nem úgy mint a myVIP, de ez megérne egy külön bejegyzést).

Amiért megszületett ez a bejegyzés, az az alábbi kis kódrészlet miatt van:

html<a onclick="window.open(this.href); return false;" href="http://www.facebook.com/sharer.php?u=megosztani_kivant_url">
          <img src="facebook ikonja" alt="Facebook icon" />
          Facebook
</a>

A kód működése a következő:

  • a "megosztani_kivant_url" részre be kell írni azt a linket amit meg szeretnénk osztani, hogy valid legyen, érdemes ezt a php-s urlencode függvénnyel kiíratni
  • az "onclik..." rész azért kell, mert target attribútuma nincs a linkekeknek xhtml esetén
  • az img src-be pedig a facebook ikonunkat kell megadni

Nem nagy munka megvalósítani, de a fentiek a Facebook dokumentációban sehol nincsenek leírva, így csak más oldalak forráskódáját böngészve lehet erre ráakadni...

Egyszer majd egy átfogóbb leírás is készül ezen megosztó linkek elkészítéséről, de ez nem most lesz :)

0 hozzászólás

Még nem érkezett hozzászólás...

Hozzászólás küldéshez jelentkezz be!

Download Vivaldi Today!

Hasznos oldalak, linkek

tutorial.hu

Honlapkészítés, weboldal készítés kapcsán hasznos leírások


WebPillangó

Webprogramozás és grafika, photoshop leírások és kiegészítők


Blogom

blog.fefy.info bejegyzések

Apró szösszenetek egy informatikus életéből

Valid XHTML1.0 | valid CSS | 100% tableless
© 2011 - 2017 fefy.info | Az oldal betöltődési ideje: 450ms