Rețea socială pe drupal 7. Platformă pentru rețea socială

Butoanele sociale pot fi utile pentru vizitatorii site-ului sau blogului dvs. Făcând clic pe aceste butoane, aceștia vor putea salva link-uri către materiale interesante pe conturile lor de socializare.

Fiecare dintre ele oferă butoanele necesare pentru instalare pe site-uri terțe.

Pentru „VKontakte” codul poate fi găsit.

Cu toate acestea, după cum puteți vedea, fiecare astfel de buton încarcă propriul fișier js cu un script. Acest lucru încetinește în general timpul de încărcare a paginii. În plus, folosind codul gata făcut, webmasterul nu va putea proiecta butoanele rețelele sociale la cererea dvs. - tot designul este situat în afara amplasamentului.

Mai jos este un exemplu de creare a unui bloc de trei butoane sociale, când se face clic, se deschide o nouă fereastră de browser (în centrul ecranului), unde vizitatorului i se cere să confirme pentru a crea un marcaj. După publicare, fereastra se închide.

De asemenea, integrăm acest întreg bloc cu tema Drupal 7.

În primul rând, câteva informații:

Http://vkontakte.ru/share.php?url=http://Siteaddress.ru/Pageaddress

În acest caz, conținutul etichetei este luat drept titlu

Și, de asemenea, este luată un fel de imagine similară cu logo-ul. Dacă trebuie să specificăm imaginea exact, atunci trebuie să inserăm următoarea etichetă în titlul paginii (în interiorul containerului):

2. Butonul social de pe Twitter - „tweet” vă permite să publicați un tweet cu text pregătit în prealabil și un link. URL-ul arată astfel:

Https://twitter.com/share?text="TextTwitt&url=http://SiteAddress.ru/PageAddress

În acest caz, textul tweet trebuie să fie codificat în URL, altfel pot apărea erori. Când faceți clic pe acest link, vi se va solicita să creați un tweet care să conțină text și un link.

3. Marcajul social Facebok este similar cu VKontakte și arată astfel:

Http://www.facebook.com/sharer.php?u=http://addressSite.ru/page

Deci, să presupunem că vrem să proiectăm un bloc de butoane cam așa:

În același timp, marcajul HTML este destul de simplu. Totul HTML constă din trei link-uri: