Սոցիալական ցանցերի վիդջեթներ. Վիդջեթների սոցիալական պատկերակներ խմբերի, էջերի և համայնքների համար

Ներքին կոճակների դիզայներների և սցենարների վերանայում սոցիալական ցանցերկայքերի, ինչպես նաև արտասահմանյան անալոգների համար։ Համառոտ, հստակ և տեսողական:

2. Հեշտ ճանապարհըստանալ հղումներ դեպի կայք - QIP.RU
Տեղադրեք կոճակը կայքում և այցելուներին հնարավորություն տվեք ավելացնել իրենց սիրելի կայքի նյութերը էջանիշերում, բլոգներում և սոցիալական ցանցերում: Երեք քայլ՝ որտեղ տեղադրել կոճակը (կայք, Blogger կամ WordPress), կոճակների ոճը (պատրաստի ընտրանքներ) և ստանալ կոճակը:

3. Սոցցանցերում բովանդակություն ավելացնելու կոճակներ - Pluso
Տեղադրեք կոճակներ և այցելուներին հնարավորություն տվեք կիսվել իրենց սիրելի էջերով սոցիալական ցանցերում, ինչպես նաև տպել, ուղարկել նամակներ և ավելացնել էջանիշեր։

4. Սոցիալական գործունեության ծառայություն՝ UpToLike
Սոցիալական մեդիայի հատուկ կոճակներ՝ գույն, ձև, չափ և հատուկ էֆեկտներ սահմանելու ունակությամբ: Լրացուցիչ գործառույթներն են՝ PicShare պատկերի փոխանակման վիդջեթը, «Quote» գործառույթը և հարմարեցված Հետևող գործառույթը:

5. Մեկ կոճակ! — էջանիշավորման և սոցիալական ցանցերի բոլոր ծառայությունների համար
Ընտրեք դիտման կոճակը: Որտեղ կտեղադրվի կոճակը՝ կայք, Blogger կամ WordPress: Ավելացնել կոճակ:

1. Գեղեցիկ սոցիալական կոճակներ կայքի համար՝ goodshare.js
Ցուցադրել կոճակները գրեթե ցանկացած սարքի վրա: Մաքուր կոդը: Համառոտ փաստաթղթեր. SEO բարեկամական:

2. Սցենար սոցիալական էջանշումների և ցանցային կոճակների համար - Share42
Ընտրեք չափը և նշեք այն ծառայությունների պատկերակները, որոնք ցանկանում եք օգտագործել կայքում: Ընտրեք ձեր ուզած տարբերակները: Տեսեք, թե ինչ տեսք կունենա և/կամ ներբեռնեք պատրաստի սցենար. Տեղադրեք սցենարը WordPress-ի, Drupal-ի և այլնի կայքում:

3. Գեղեցիկ «like» կոճակներ սոցիալական ցանցերի համար՝ օգտագործելով jQuery - Social Likes
«Հավանել» կոճակների սկրիպտ՝ հաշվիչներով միատեսակ ոճսոցիալական ցանցերի համար՝ Facebook, Twitter, VKontakte, Odnoklassniki, My World, Google+ և Pinterest:

1. Համօգտագործման կոճակներ - AddThis
Համօգտագործման կոճակները կօգնեն ձեզ մեծացնել ձեր կայքի լսարանը՝ ներգրավելով այցելուներ այլ ռեսուրսներից և սոցիալական ցանցերից բաշխված բովանդակության միջոցով:

4. Սոցիալական փոխանակում - Po.st
Ստացեք ավելի շատ օգուտներ սոցիալական ցանցերում կիսվելուց: Ծառայությունը կհեշտացնի այցելուների համար սոցիալական ցանցերում կիսվելու գործընթացը, ինչը կավելանա օրգանական երթևեկությունկայք։

5. Համօգտագործման կոճակներ ցանկացած կայքի համար - AddToAny
Ստացեք ցանկացած կայքի սոցիալական մեդիայի կոճակների կոդը: Ընտրեք կոճակների տեսակն ու ոճը, նշեք ձեր էլփոստը և այլ տարբերակներ կամ ընտրեք հարթակներից մեկը՝ WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad կամ FeedFlare: Ստացեք կոճակի կոդը:

Ինտերնետում, հավանաբար, չկան այնպիսի կայքեր, որոնք չեն պարունակում փակցնելու կոճակներնյութեր սոցիալական ցանցերում. Վերջիններս վաղուց և ամուր տեղ են գրավել մեր կյանքում։ Այնտեղ մենք շփվում ենք, ծանոթանում, բիզնեսի խթանում, նորություններ կարդում և այլն։ Ամբողջական սպեկտր. Զարմանալի չէ, որ վեբ վարպետները ձգտում են ընդլայնել իրենց կայքերի ներկայությունը սոցիալական ցանցերում ցանկացած հասանելի միջոցներով: Ի վերջո, կան տոննա պոտենցիալ երթևեկություն, որը բացարձակապես բոլորին պետք է: Այցելուների հոսքը նշանակում է փող, հեղինակություն, աճ։ Նրա շուրջ ամեն ինչ կառուցված է։ Համեղ պատառ.

Սոցիալական կոճակները անհրաժեշտ են, դա ակնհայտ է։ Հարցն այլ է. որոնք ընտրելՄենք փորձարկեցինք այն ձեզ համար TOP 5 տարբեր ծառայություններվեբ կայքերին կոճակի կոդը ավելացնելու համար: Նպատակն է բացահայտել օպտիմալը և մանրամասն ցույց տալ այն: Սկսենք ընտրական փուլից։

Համեմատության համար թեկնածուների ընտրությունը բանալ է ստացվել՝ վերցրել ենք ամենատարածված ծառայությունները, որի մասին լսել է ցանկացած մարդ, ով ընդհանրապես ծանոթ է կայքի ստեղծման թեմային։ Ոչ հազվագյուտներ, որոնք ժողովրդականություն են ձեռք բերում, միայն փորձառու ծերեր:

Հավաստագրված թիմի կազմը հետևյալն է.

Ընտրված սոցիալական ծառայությունների թեստավորման արդյունքում՝ uSocial-ը առաջատարն էր. Այժմ դուք ցանկանում եք ստանալ մեր ընտրության հիմնավորումը: Իհարկե, մենք անհիմն չենք մնա։

Եկեք տանք որոշ փաստեր, ով մեզ համոզեց, որ որոշումը ճիշտ է։

Մենք հավաքում ենք սոցիալական կոճակների մի շարք: Դուք կարող եք ընտրել ցուցադրվում էսոցիալական ցանցերի ծառայություններ, կոճակների ձև և ոճ:

Այստեղ դուք կարող եք ակտիվացնել «Up» կոճակը, միացնել աջակցությունը շարժական սարքեր, միացնել Viber, WhatsApp, Telegram, SMS ծառայություններ։

Ձեր uSocial անձնական հաշվից սոցիալական բարը տեղադրելուց հետո կարող եք դիտել հավանումների և ռեփոստերի վիճակագրությունընտրված ժամանակահատվածի համար և՛ միանգամից բոլոր սոցիալական ցանցերի, և՛ ընտրվածների համար։ Տվյալները ցուցադրվում են հստակ գծապատկերներում կամ գծապատկերներում:

Եթե ​​սոցիալական մետա թեգերը ճիշտ լրացվեն, ապա գրառումները ճիշտ կընկալվեն սոցիալական ծառայություններ, քանի որ դրանք նշում են նյութի տեսակը, համապատասխան վերնագիրը և ցանկալի նկարի հղումը։ Այս ամենը մեծացնում է վերահրապարակման արդյունավետությունը. ձեր նյութը ճիշտ ինդեքսավորվելու է սոցիալական ծառայությունների կողմից:

Օրինակներ միկրո նշագրման կոդըհանրաճանաչ սոցիալական ցանցերի համար (կոդը պետք է գրված լինի պիտակից առաջ).

1. ՖեյսբուքԵվ VKontakteօգտագործել Open Graph արձանագրությունը.

3. Համար Twitterկոդը այսպիսի տեսք ունի.

4. Համար Google+Այսպիսով.

- հղում դեպի հեղինակի պրոֆիլը Google+-ում
- կայքի անվանումը
- հատվածի տեքստ (մինչև 40 նիշ)
- կայքի նկարագրությունը
- ուղին դեպի պատկերի ֆայլ

Գործիքներմիկրո նշագրման հետ աշխատելու համար:

Մենք բոլորս, աշխատելով մեր նախագծի վրա, ցանկանում ենք հնարավորինս արագ և ամբողջական տեղեկատվություն փոխանցել մեր ընթերցողներին: Հետևաբար, մենք փորձում ենք այս ամենը տեղադրել այնտեղ, որտեղ այն միշտ տեսանելի կլինի՝ կողագոտում: Եվ, հետևաբար, միշտ բավարար տարածք չկա: Եվ մենք նաև պետք է այնտեղ տեղադրենք վիջեթներ բոլոր սոցիալական ցանցերի համար։ Ահա թե ինչու դուք պետք է օգտվեք Social Carousel ծառայությունից՝ սոցիալական ցանցի բոլոր վիջեթները մեկում: Ստորև կխոսենք դրա բոլոր առավելությունների և հարմարեցման առանձնահատկությունների մասին:

Հաճախ մենք բախվում ենք բլոգում տարբեր գովազդային ազդագրերի, փոխկապակցված տեղեկատվության, մեր բաժանորդագրությունների, մեր տեղեկատվական արտադրանքների, սյունակների, հոդվածների և մեկնաբանությունների մասին տեղեկատվության տեղադրման խնդրի հետ: Եվ, իհարկե, այժմ այդքան հայտնի սոցիալական մեդիայի վիդջեթների տեղադրում: Եվ այս ամբողջ տեղեկատվության ավալանշը պետք է տեղադրվի տեսանելի տեղում։ Եվ ամենից հաճախ այս վայրը դառնում է կողային գոտի:

Դասականորեն բոլորն օգտագործում են երկսյունանի ձևանմուշներ (դաշտ և կողագոտի հետ աջ կողմը) Կարծում եմ, որ սյունակների քանակի ավելացումը լիովին ճիշտ չէ, քանի որ դա մեծապես խաթարում է տարածությունը և բացասաբար է անդրադառնում այցելուների վարքագծային գործոնների վրա:

Ի դեպ, վերնագրում ասված է Մաս 1, քանի որ սա կողագոտում տարածք խնայելու մասին շարքի առաջին գրառումն է: Հետևյալ գրառումներում ես կանդրադառնամ բանների պտտման ֆունկցիայի օգտագործմանը և կայքի օգտագործման հարմարավետությունը բարելավելու համար ներդիրների օգտագործմանը: Հետևաբար, բաժանորդագրվեք բլոգի թարմացումներին:

Կարիք չկա ապացուցելու, որ սոցիալական ցանցերում ձեր ապրանքանիշի մասնակցությունն ու առաջխաղացումը շատ կարևոր է։ Ուստի չափազանց կարևոր է, որ դրանք ներկայացվեն կայքում։ Եվ այսպես, ես մտածում էի, թե ինչպես իրականացնել սոցիալական մեդիայի բոլոր վիդջեթների համադրությունը մեկ տեղում: Եվ ահա, ես հանդիպեցի այս հարցի լուծմանը: Հանդիպել...

Սա անվճար սպասարկում, որի շնորհիվ հնարավոր է զգալիորեն խնայել տարածք մեր նախագծի կողագոտում։ Նշեմ, որ այս ծառայությունը հնարավորություն է տալիս վիջեթը տեղադրել ոչ միայն վրա WordPress շարժիչ, այլ նաև ձեռագիր կայքերում՝ html կոդ տեղադրելով։ Բոլոր վիջեթներն այսպիսին են հայտնի ցանցերինչպես՝ , Facebook, Google+, YouTube և Twitter - ներդրված է մեկ վիջեթում՝ ներդիրների տեսքով: Տեսողականորեն այն նման է հետևյալին.

Սկսենք ծանոթանալ։ Վիդջեթի ծառայությունը գտնվում է:

Ես շատ չեմ խոսի պարամետրերի մասին, դրա մշակողը հոգ է տարել լավ բացատրության մասին, թե ինչպես է այն պետք կարգավորել: Հրահանգները ներկայացված են տեսանյութերում, որտեղ մենք բավական մանրամասն ծանոթանում ենք կայքում դրա տեղադրման առանձնահատկություններին: Կան որոշ առանձնահատկություններ, բայց դրանք կրիտիկական չեն և կարող են բավականին հեշտությամբ լուծել։ Ամենակարևորն այն է, որ դուք գործնականում ստիպված չեք լինի խմբագրել կոդը: Ծառայությունն ամեն ինչ կանի ձեզ համար։

Եկեք անցնենք ստանդարտ ընթացակարգգրանցում։ Եկեք գնանք ծառայության: Կտտացրեք – Իմ վիջեթները (կետ 1), ապա – Ստեղծեք նոր վիջեթ (կետ 2): Լրացնում ենք դաշտը, թե ինչ է այն կոչվելու և մուտքագրում ենք մեր կայքի հասցեն (կետ 3)։ Պահպանել (կետ 4):

Մենք հայտնվում ենք հաջորդ ներդիրում, որտեղ տեղի է ունենում բուն շինարարությունը: Մեր վիջեթին հատկացված է նույնականացման համար: Եթե ​​նախատեսում եք տեղադրել այն միջոցով WordPress plugin, ապա դուք պետք է նշեք այս վանդակը (կետ 1): Մենք դնում ենք մեզ անհրաժեշտ չափերը և սահմանում ենք, որ դրա ներդիրներն ինքնաբերաբար փոխվեն (դրանք մեկ առ մեկ պտտվելու են): նշված միջակայքըժամանակ) (կետ 2): Վիդջեթի տեսքով, ներքևի մասում, կլինի ծրագրավորողի հղումը և մեզ առաջարկվում է այն հեռացնել փողի դիմաց (կետ 3):

Անցնենք անմիջապես սոցիալական ցանցերին։ Դուք կարող եք օգտագործել սլաքները՝ ներդիրների գտնվելու հերթականությունը սահմանելու համար (կետ 4): Կտտացրեք կարմիր կոճակին, որպեսզի անցնեք սոցիալական ցանցերի տեղադրմանը (կետ 5): Դուք կարող եք ընտրել, թե նրանցից ով կմասնակցի շոուին (կան տարբեր իրավիճակներ- հետ կապված խնդիրներ Google հաշիվկամ VKontakte էջը սառեցված է):

Մենք նշում ենք վանդակը, որ մենք կօգտագործենք plugin WordPress-ի համար (կետ 1): Նշեք վանդակը Միացնել ներդիրների ավտոմատ փոխարկումը և սահմանել դրանց ցուցադրման ժամանակը (քանի վայրկյանից հետո կպահանջվի հաջորդին անցնելու համար) (կետ 2): Հետո ամենահետաքրքիր մասը, քանի որ այս տեղեկությունն այնքան էլ ակնհայտ չէ։ Վիջեթում կարող եք խմբեր և համայնքներ տեղադրել սոցիալական ցանցերից, այլ ոչ թե անձնական էջերից։

Լրացրեք այս դաշտերը (կետ 3): Մենք ստուգում ենք, թե արդյոք տեղադրումը ճիշտ է, սեղմելով Preview կոճակը (քայլ 4): VKontakte խմբի ID-ն տեսնելու համար մտեք դրա մեջ, մկնիկը տեղափոխեք Մասնակիցներ, ապասեղմեք աջ

Twitter-ի համար վիջեթի ID-ի կարգավորում:

Անցնենք մեր էջ։ Այնուհետև անցեք վերին աջ անկյուն - Կարգավորումներ: Բացվող ընտրացանկից ընտրեք – Վիդջեթներ: Մենք կարգավորում ենք պահանջվող վիջեթը ոճով և չափսով, և պատուհանում ստեղծվող նոր կոդում մենք գտնում ենք ID-ով տողը: Դրանից հետո թվերը մեր վիջեթի ID-ն են Twitter-ի համար: YouTube-ի ալիքում ձեր օգտատերերի մուտքը տեսնելու համար մուտք գործեք Google+ և գնացեք սահղում

. Վերցրեք ID-ն և տեղադրեք այն ձևաթղթում:

Google +-ում ID-ն նայելու համար մուտք գործեք այնտեղ, գնացեք «Պրոֆիլ» և կարող եք տեսնել հասցեագոտում թվերը: Նրանք պետք է տեղադրվեն դաշտի մեջ ձևով:

Facebook-ի համար (կարևոր է) մենք պատճենում ենք ոչ թե պրոֆիլի հղումը, ոչ թե խմբի հղումը, այլ էջի հղումը։

Իմ ֆեյսբուքյան էջն ունի հետևյալ տեսքը.

Բոլորը. Ձևաթուղթը լրացված է։ Սեղմեք Ստեղծել կոդը: Սա այն ծածկագիրն է, որը մենք ունենք: Եկեք պատճենենք այն: Այժմ մենք ունենք 2 տարբերակ այն կայքում տեղադրելու համար։

Տարբերակ 1. WordPress հավելվածի միջոցով: Այն պատճենելու համար գնացեք WordPress Plugin, ինչպես ցանկացած սոցիալական էջանիշի վրա և ներբեռնեք այն: Այնուհետև մենք այն տեղադրում ենք շարժիչի վրա որպես ստանդարտ և ակտիվացնում այն: Այնուհետև Կարգավորումներ – Սոցիալական կարուսել: Մենք տեղադրում ենք մեր կոդը, մուտքագրում ենք դրա ID-ն, սահմանում ենք վիջեթի չափերը և պահպանում:Եկեք գնանք դեպի

Արտաքին տեսք

– Վիջեթներ (կետեր 1-2): Քաշեք «Text» վիջեթը դեպի կողագոտ և տեղադրեք հետևյալ կոդը՝ դրանում սոցիալական ցանցի վիջեթը ցուցադրելու համար.

Պատրաստ. Մենք հիանում և վայելում ենք մեր աշխատանքի արդյունքները:

Տարբերակ 2. Այս փլագինը սկսեց հակասել արդեն տեղադրվածներից մեկի հետ: Ավելին, վերջին միտումը ավելորդ բաներից ազատվելն ու տարածք խնայելն է։ Հետևաբար, ես քանդեցի հավելվածը և տեղադրեցի մեր ստեղծած կոդը իմ թեմայի header.php ֆայլում՝ փակման պիտակից առաջ: Պարզվեց այսպիսի մի բան.

Իմ ստեղծած կոդը

Ես թողեցի կողագոտի վիջեթը, որի արդյունքը կա: Արդյունքը կարող եք տեսնել այստեղ՝ աջ կողմում գտնվող բլոգում: Այն բավականին լավ պատրաստված է և ունի մի հսկայական պլյուս՝ այն խնայում է մեր տարածքը:

Վերջապես, դիտեք ծառայության մասին տեսանյութ.

Ընթերցանության ժամանակը` 3 րոպե:

Հրապարակվել է 26.08.2016թ Ողջույն Մենք շարունակում ենք վերլուծել WordPress կայքի համար ամենահետաքրքիր և ամենաօգտակար պլագինները։ Այսօր դուք կսովորեք, թե ինչպես շատ հեշտությամբ ավելացնել սոցիալական պատկերակների վիդջեթը ձեր կայքում: Օգտագործելով այս վիջեթը, դուք կարող եք ավելացնել ոչ միայն սոցիալական պատկերակներ ձեր կայքում, այլև պարզապես տարբեր պատկերակներ ցանկացած կայքերում և էջերում: Վիդջեթի կարգավորումներում դուք կունենաք ավելի քան 400 տարբեր պատկերակներ, որոնցից կարող եք ընտրել: Յուրաքանչյուրի վրա կարող եք տեղադրել ցանկացած պատկերակ URL հասցե

, սոցիալական ցանցեր կամ պարզապես ցանկացած կայք։ Դուք կարող եք ընտրել պատկերակի գույնը և չափը: Ընտրելու համար կա երեք ոճ՝ կլոր, քառակուսի և կլորացված եզրեր:

Դուք կարող եք տեղադրել Social Icons Widget by WPZOOM plugin-ը անմիջապես WordPress-ի ադմինիստրատորի վահանակից: Անցեք էջ. Փլագիններ – Ավելացնել նոր, մուտքագրեք հավելվածի անունը որոնման ձևում, սեղմեք Enter, տեղադրեք և ակտիվացրեք plugin-ը:

– Վերնագիր, կարող եք վերնագիր նշել վիջեթի համար:

– Նկարագրություն, դուք կարող եք նշել վիջեթի նկարագրությունը:

– Ցույց տվեք պատկերակների պիտակները, նշեք վանդակն այստեղ՝ պատկերակներին նկարագրություն ավելացնելու համար:

– Բացեք հղումները նոր ներդիրում, նշեք վանդակն այստեղ՝ հղումները նոր պատուհանում բացելու համար:

- Icon Style, պատկերակների համար կա երկու ոճ՝ ֆոնով և առանց ֆոնի:

– Սրբապատկերների ֆոնային ոճ, այստեղ կարող եք ընտրել սրբապատկերների ֆոնի ոճը, կլորացված անկյուններով ֆոն, կլոր ֆոն և քառակուսի ֆոն:

– Icon Padding (պիքսելներ), այստեղ կարող եք նշել պատկերակների լիցքի չափը:

– Սրբապատկերների չափը (պիքսելներ), այստեղ կարող եք սահմանել սրբապատկերների չափերը:

- Սրբապատկերներ, դուք կունենաք լռելյայն ցուցադրվող երեք սոցիալական ցանց: պատկերակներ facebook-ի, twitter-ի և instagramm-ի համար: Դուք պետք է ավելացնեք ձեր հղումները ձեր էջերին կամ համայնքներին այս սոցիալական ցանցերում: Ի վերջո, պահպանեք վիջեթը

Կարող եք նաև ավելացնել լրացուցիչ պատկերակներ: Սրբապատկեր ավելացնելու համար սեղմեք կոճակը – Ավելացնել ավելին: Դուք կտեսնեք դաշտ՝ նոր պատկերակ ընտրելու համար, կտտացրեք սև շրջանակի խաչին:

Հաջորդը, պատուհանը կբացվի, որտեղ դուք կարող եք ընտրել սրբապատկերներ: Ընտրեք պատկերակ, ընտրեք պատկերակի գույն, կարող եք ընտրել պատկերակների կատեգորիա: Դուք կունենաք 4 կատեգորիաների ընտրություն տարբեր պատկերակներով, ավելի քան 400 կտոր: Վերջում կտտացրեք ներքևում գտնվող կոճակին - Պահպանել: