ആശംസകൾ! അടുത്തിടെ ഞാൻ അകത്തായിരുന്നു പ്രതികരണംഒരേ ബട്ടണുകൾ എങ്ങനെ നിർമ്മിക്കാമെന്ന് ചോദിച്ചു സോഷ്യൽ നെറ്റ്വർക്കുകൾ, എൻ്റെ വെബ്സൈറ്റിൽ ഇൻസ്റ്റാൾ ചെയ്തവ. 6 സാമൂഹിക സേവനങ്ങൾ അവലോകനം ചെയ്തുകൊണ്ട് ലേഖനത്തിൽ ഉത്തരം നൽകാൻ ഞാൻ തീരുമാനിച്ചു. സൈറ്റിനായുള്ള ബട്ടണുകൾ.

ഗുണങ്ങളും ദോഷങ്ങളും

എന്നിരുന്നാലും, ചില സന്ദർഭങ്ങളിൽ ബട്ടണുകൾ സ്ഥാപിക്കുന്നതിന് ചെറിയ ദോഷങ്ങളുണ്ടാകാം എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ്. സൃഷ്ടിച്ച ബ്ലോഗിൽ സോഷ്യൽ നെറ്റ്‌വർക്ക് ബട്ടണുകൾ സ്ഥാപിക്കേണ്ടത് എന്തുകൊണ്ടാണെന്ന് നമുക്ക് പരിഗണിക്കാം, കൂടാതെ പ്രധാന പോസിറ്റീവ് എന്നിവയും പരിഗണിക്കുക നെഗറ്റീവ് വശങ്ങൾഅത്തരം ഐക്കണുകളുടെ സ്ഥാനം.

കുറവുകൾ

പേജ് ലോഡിംഗ് വേഗത കുറഞ്ഞേക്കാം.

ഇൻറർനെറ്റ് പ്രോജക്റ്റിൻ്റെ ഉയർന്ന പ്രത്യേക ശ്രദ്ധയോടെ, നിങ്ങൾക്ക് ആവശ്യമുള്ള ഫലം ലഭിച്ചേക്കില്ല.

സോഷ്യൽ ബട്ടൺ സേവനങ്ങളുടെ അവലോകനം

നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് സോഷ്യൽ നെറ്റ്‌വർക്കിംഗ് ബട്ടണുകൾ ചേർക്കാൻ ഉപയോഗിക്കാവുന്ന ഏറ്റവും ജനപ്രിയമായ സേവനങ്ങൾ നോക്കാം.

ഇത് പൂർണ്ണമായും സൗജന്യ സേവനം, ഇനിപ്പറയുന്ന രീതിയിൽ പ്രവർത്തിക്കുന്നു. ഇത് യാന്ത്രികമായി സൃഷ്ടിക്കുന്നു പ്രത്യേക സ്ക്രിപ്റ്റ്, ഒരു ഇൻ്റർനെറ്റ് പ്രോജക്റ്റിലേക്കുള്ള സന്ദർശകർക്ക് സോഷ്യൽ നെറ്റ്‌വർക്കുകളിലേക്കുള്ള ലിങ്കുകൾ പ്രസിദ്ധീകരിക്കാൻ കഴിയുന്ന സഹായത്താൽ. സേവനം ബട്ടണുകൾ പോലെ കാണപ്പെടുന്നു. ഇൻസ്റ്റാളേഷൻ വളരെ ലളിതവും സൗകര്യപ്രദവുമാണ്, കൂടാതെ സ്ഥാപിച്ചിരിക്കുന്ന ബട്ടണുകൾ പേജിൽ മനോഹരമായി കാണപ്പെടുന്നു.

ഈ സേവനം മുന്നൂറിലധികം ഓപ്ഷനുകൾ വാഗ്ദാനം ചെയ്യുന്നു വ്യത്യസ്ത ബട്ടണുകൾ! നിങ്ങളുടെ പ്രിയപ്പെട്ടവ വളരെ എളുപ്പത്തിൽ തിരഞ്ഞെടുക്കാം.

ഇൻസ്റ്റാളേഷൻ അക്ഷരാർത്ഥത്തിൽ ഒറ്റ ക്ലിക്കിൽ നടക്കുന്നു. പരിവർത്തന സ്ഥിതിവിവരക്കണക്കുകൾ ഉണ്ട്.

ഇത് ഒരുപക്ഷേ ഏറ്റവും രസകരമായ ഓൺലൈൻ സേവനങ്ങളിൽ ഒന്നാണ്, അതിലൂടെ നിങ്ങൾക്ക് നിരവധി പാരാമീറ്ററുകൾ അടിസ്ഥാനമാക്കി ഒരു ബട്ടൺ സൃഷ്ടിക്കാൻ കഴിയും: വലുപ്പവും രൂപവും. കൂടാതെ, ബട്ടണുകളുള്ള പാനൽ എങ്ങനെ സ്ഥാപിക്കണമെന്ന് നിങ്ങൾക്ക് തിരഞ്ഞെടുക്കാം (തിരശ്ചീനമായോ ലംബമായോ). നിങ്ങൾക്ക് എൻകോഡിംഗും വ്യക്തമാക്കാം. എല്ലാം തിരഞ്ഞെടുത്ത ശേഷം ആവശ്യമായ ക്രമീകരണങ്ങൾ, ജനറേറ്റുചെയ്‌ത സ്‌ക്രിപ്റ്റ് ഡൗൺലോഡ് ചെയ്‌ത് നിങ്ങളുടെ ഇൻ്റർനെറ്റ് പ്രോജക്‌റ്റിൽ ആവശ്യമായ സ്ഥലത്ത് സ്ഥാപിക്കേണ്ടതുണ്ട്. മിക്കവാറും, ലേഖനത്തിന് തൊട്ടുപിന്നാലെ.

ഏത് സോഷ്യൽ നെറ്റ്‌വർക്കുകളാണ് പ്രദർശിപ്പിക്കേണ്ടതെന്ന് തിരഞ്ഞെടുക്കാൻ Yandex നിങ്ങൾക്ക് വാഗ്ദാനം ചെയ്യുന്നു. ബ്ലോക്കിൽ സ്ഥാപിക്കുന്ന ബട്ടണുകൾക്ക് അടുത്തുള്ള ബോക്സുകൾ പരിശോധിച്ച് ഉപയോക്താവിന് ഇത് ചെയ്യാൻ കഴിയും. നിങ്ങൾക്ക് അവ എഡിറ്റ് ചെയ്യാം രൂപം.

അടുത്തതായി, സിസ്റ്റം യാന്ത്രികമായി സൃഷ്ടിക്കും ഉറവിടം, നിങ്ങളുടെ ബ്ലോഗിൽ ഇൻസ്റ്റാൾ ചെയ്യേണ്ടത്. ഈ സേവനത്തിൻ്റെ പ്രധാന നേട്ടങ്ങളിൽ സ്ക്രിപ്റ്റ് സൃഷ്ടിച്ച ബ്ലോഗിൽ ഔട്ട്ഗോയിംഗ് ലിങ്കുകൾ സ്ഥാപിക്കുന്നില്ല എന്ന വസ്തുത ഉൾപ്പെടുന്നു. സ്ഥിതിവിവരക്കണക്കുകൾ നിലനിർത്താൻ Yandex.Metrica-മായി ബന്ധിപ്പിക്കുന്നതും സാധ്യമാണ്.

ഈ സേവനം ഉപയോക്താക്കൾക്ക് അവരുടെ വെബ്‌സൈറ്റിൽ വളരെ മനോഹരവും മനോഹരവുമായ സോഷ്യൽ നെറ്റ്‌വർക്ക് ബട്ടണുകൾ സ്ഥാപിക്കാൻ വാഗ്ദാനം ചെയ്യുന്നു. സേവനം സൃഷ്ടിച്ച ഫോം css ഉം ജാവാസ്ക്രിപ്റ്റും ഉപയോഗിക്കുന്നു. ജനറേറ്റുചെയ്‌ത ഫോം ഏതെങ്കിലും ഇൻ്റർനെറ്റ് പ്രോജക്റ്റിൻ്റെ രൂപകൽപ്പനയിൽ തികച്ചും യോജിക്കും. ഉപയോഗിച്ചാണ് ലൈക്ക് ബട്ടണുകൾ നിർമ്മിച്ചിരിക്കുന്നത് ആധുനികസാങ്കേതികവിദ്യ jquery. കണക്ഷൻ വളരെ ലളിതമാണ്, തുടക്കക്കാർക്ക് പോലും ബുദ്ധിമുട്ടുകൾ ഉണ്ടാക്കില്ല. ലോഡ് ചെയ്യുന്നത് വളരെ വേഗത്തിലാണ്.

ഉപയോക്താക്കൾക്ക് ഈ രീതിയിൽ ബട്ടണുകൾ സ്ഥാപിക്കാൻ പ്രദാനം ചെയ്യുന്ന ഉപയോഗപ്രദവും പൂർണ്ണമായും സൗജന്യവുമായ ഓൺലൈൻ സേവനമാണിത്: ഒരു വരിയിൽ, ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനുവിൻ്റെ രൂപത്തിൽ, ഒരു വരിയിലെ എല്ലാ സേവനങ്ങളുടെയും ഐക്കണുകൾ. ഡിസ്പ്ലേ ഓപ്ഷനുകൾ തിരഞ്ഞെടുത്ത ശേഷം, സേവനം യാന്ത്രികമായി ഒരു പ്രത്യേകം സൃഷ്ടിക്കും ജാവാസ്ക്രിപ്റ്റ് കോഡ്, അത് സൈറ്റിൽ ആവശ്യമായ സ്ഥലത്ത് സ്ഥാപിക്കേണ്ടതുണ്ട്.

കൂടാതെ, ടെംപ്ലേറ്റുകളിലേക്ക് സൃഷ്ടിച്ച കോഡ് എങ്ങനെ ചേർക്കാമെന്ന് സേവനം നിങ്ങളോട് പറയുന്നു.

ഉപയോഗിക്കുന്നത് ഈ സേവനത്തിൻ്റെ, നിങ്ങളുടെ വെബ്സൈറ്റിലേക്കോ ബ്ലോഗിലേക്കോ ആവശ്യമായ ബട്ടണുകൾ നിങ്ങൾക്ക് വളരെ വേഗത്തിലും എളുപ്പത്തിലും ചേർക്കാൻ കഴിയും. ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ മൂന്ന് മാത്രം ചെയ്താൽ മതി ലളിതമായ ഘട്ടങ്ങൾ: സൃഷ്ടിച്ച വിജറ്റ് സ്ഥിതി ചെയ്യുന്ന സ്ഥലം തിരഞ്ഞെടുക്കുക, ബട്ടണുകളുടെ ശൈലി തിരഞ്ഞെടുത്ത് കോഡ് നേടുക. സൃഷ്ടിച്ച ബ്ലോഗിൽ അത്തരം ബട്ടണുകൾ സ്ഥാപിക്കുന്നതിലൂടെ, സന്ദർശകർക്ക് ചേർക്കാൻ കഴിയും രസകരമായ വസ്തുക്കൾനിങ്ങളുടെ സ്വന്തം ബുക്ക്‌മാർക്കുകളിലേക്കും സോഷ്യൽ നെറ്റ്‌വർക്കുകളിലേക്കും.

അതിനാൽ, ഒരു വെബ്‌സൈറ്റിനായി സോഷ്യൽ നെറ്റ്‌വർക്കിംഗ് ബട്ടണുകൾ ഇൻസ്റ്റാൾ ചെയ്യുന്നത് വളരെ ലളിതമാണ്, മാത്രമല്ല പുതിയ ഇൻ്റർനെറ്റ് ഉപയോക്താക്കൾക്ക് പോലും ബുദ്ധിമുട്ടുകൾ ഉണ്ടാകില്ല. വേണമെങ്കിൽ, നിങ്ങൾക്ക് ലഭ്യമായ എല്ലാ നെറ്റ്‌വർക്കുകൾക്കുമായി ഒന്നുകിൽ ബട്ടണുകൾ ഇൻസ്റ്റാൾ ചെയ്യാം, അല്ലെങ്കിൽ ചിലത് മാത്രം തിരഞ്ഞെടുക്കുക ചില നെറ്റ്‌വർക്കുകൾ. ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ ഔദ്യോഗിക വിജറ്റുകളോ മൂന്നാം കക്ഷികളോ ഉപയോഗിക്കേണ്ടതുണ്ട് ഓൺലൈൻ സേവനങ്ങൾ. ഇൻസ്റ്റാൾ ചെയ്ത ബട്ടണുകളാണ് ഏറ്റവും ജനപ്രിയമായത് സ്വകാര്യ ബ്ലോഗുകൾ, അല്ലെങ്കിൽ വാർത്തയിലോ വിനോദ ഇൻ്റർനെറ്റ് പ്രോജക്റ്റുകളിലോ. :)

പി.എസ്. നിങ്ങളുടെ ശ്രദ്ധയ്ക്ക് നന്ദി. ഏത് സേവനമാണ് നിങ്ങൾ ഇഷ്ടപ്പെടുന്നത്? നിങ്ങളുടെ അഭിപ്രായങ്ങൾക്കായി കാത്തിരിക്കുന്നു. :)

IN ഈയിടെയായിവെബ്‌സൈറ്റുകളിലും ബ്ലോഗുകളിലും സോഷ്യൽ മീഡിയ ബട്ടണുകൾ ഇൻസ്റ്റാൾ ചെയ്യുന്നത് ഫാഷനായി മാറിയിരിക്കുന്നു, ഇത് ആശ്ചര്യകരമല്ല. ഒന്നാമതായി, ബട്ടണുകൾ "ഇഷ്‌ടങ്ങൾ", "ഹൃദയങ്ങൾ" എന്നിവ വർദ്ധിപ്പിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, ഇത് സോഷ്യൽ നെറ്റ്‌വർക്കുകളിലെ ലേഖനങ്ങളുടെ പ്രമോഷനിൽ നല്ല സ്വാധീനം ചെലുത്തുന്നു. രണ്ടാമതായി, ലിങ്കുകൾ പങ്കിടാൻ നിങ്ങളെ അനുവദിക്കുന്ന പ്രത്യേക തരം ബട്ടണുകൾ ഉണ്ട് വ്യക്തിഗത പേജുകൾസോഷ്യൽ നെറ്റ്‌വർക്കുകളിലെ സൈറ്റ് - ഇത് Vkontakte, Facebook, Odnoklassniki, Twitter മുതലായവയിൽ നിന്നുള്ള അധിക സന്ദർശകരെ ആകർഷിക്കുന്നു. മൂന്നാമതായി, ലഭിച്ച ലേഖനങ്ങൾ ഒരു വലിയ സംഖ്യ"ഇഷ്‌ടങ്ങൾ", "ഹൃദയങ്ങൾ" എന്നിവ സൈറ്റ് വായനക്കാർ വളരെയധികം വിശ്വസിക്കുന്നു.

അതിനാൽ, വെബ് റിസോഴ്‌സ് വികസിപ്പിക്കാൻ സഹായിക്കുന്നതിന് ഒരു വെബ്‌സൈറ്റിൽ സോഷ്യൽ നെറ്റ്‌വർക്കിംഗ് ബട്ടണുകൾ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാമെന്ന് അറിയേണ്ടത് വളരെ പ്രധാനമാണ്. ഏറ്റവും ജനപ്രിയമായ സോഷ്യൽ നെറ്റ്‌വർക്കുകൾ പരിഗണിക്കും

• എന്നിവരുമായി ബന്ധപ്പെട്ടു
• ഫേസ്ബുക്ക്
• സഹപാഠികൾ
• Google "+1"
• ട്വിറ്റർ
• എന്റെ ലോകം

സോഷ്യൽ നെറ്റ്‌വർക്കുകൾ സ്വയം വാഗ്ദാനം ചെയ്യുന്ന സ്റ്റാൻഡേർഡ് ബട്ടണുകൾ ഇൻസ്റ്റാൾ ചെയ്യുന്നത് ഞങ്ങൾ ഇവിടെ നോക്കും. ഈ സാഹചര്യത്തിൽ, ഓരോ ബട്ടണും മറ്റുള്ളവയിൽ നിന്ന് വെവ്വേറെ ഇൻസ്റ്റാൾ ചെയ്യേണ്ടിവരും, ഇതിന് കുറച്ച് സമയമെടുക്കും, പക്ഷേ ഇത് വളരെ മികച്ചതായി കാണപ്പെടുന്നു.

1.1 VKontakte 1.1.1 "സംരക്ഷിക്കുക" ബട്ടൺ

ബട്ടൺ തികച്ചും വഴക്കമുള്ളതാണ്, അതിലെ ലിഖിതം നിങ്ങൾക്ക് ആവശ്യമുള്ളതിലേക്ക് മാറ്റാൻ കഴിയും (സ്ഥിരസ്ഥിതി "സംരക്ഷിക്കുക" ആണ്).

ആദ്യം, നിങ്ങൾ പേജിലേക്ക് പോകേണ്ടതുണ്ട്, അവിടെ ബട്ടൺ പ്രദർശിപ്പിക്കുന്നതിന് നിങ്ങളുടെ സൈറ്റിൽ ഇൻസ്റ്റാൾ ചെയ്യേണ്ട സ്ക്രിപ്റ്റ് കോഡ് നിങ്ങൾക്ക് ലഭിക്കും.

ഇവിടെ നിങ്ങൾക്ക് 5 ശൈലികളിൽ ഒന്ന് തിരഞ്ഞെടുക്കാം: ബട്ടൺ, കൗണ്ടറില്ലാത്ത ബട്ടൺ, ലിങ്ക്, ഐക്കൺ ഇല്ലാത്ത ലിങ്ക്, ഐക്കൺ.

സ്റ്റാൻഡേർഡ് "സേവ്" ലിഖിതം നിങ്ങളുടേതായി മാറ്റാൻ "ടെക്സ്റ്റ്" ഫീൽഡ് നിങ്ങളെ അനുവദിക്കുന്നു.

ഒരു URL എന്ന നിലയിൽ, ബട്ടൺ ഉപയോഗിച്ച് പേജിൻ്റെ വിലാസം അല്ലെങ്കിൽ മറ്റൊരു പേജിൻ്റെ വിലാസം (നിങ്ങൾക്ക് ഇഷ്ടമുള്ളത്) തിരഞ്ഞെടുക്കാം. ആദ്യ സന്ദർഭത്തിൽ, ബട്ടൺ തന്നെ സ്ഥിതി ചെയ്യുന്ന പേജിലേക്ക് ബട്ടൺ ഒരു ലിങ്ക് പങ്കിടും. രണ്ടാമത്തെ സാഹചര്യത്തിൽ, നിങ്ങൾ വ്യക്തമാക്കുന്ന ലിങ്ക് എവിടെയാണെന്നത് പരിഗണിക്കാതെ ബട്ടൺ പങ്കിടും.

ഉൾച്ചേർക്കൽ കോഡ് രണ്ട് ഭാഗങ്ങൾ ഉൾക്കൊള്ളുന്നു: ആദ്യത്തേത് ടാഗുകൾക്കും ടാഗുകൾക്കുമിടയിൽ എവിടെയും സ്ഥിതിചെയ്യണം, രണ്ടാമത്തേത് - ബട്ടൺ പ്രദർശിപ്പിക്കേണ്ട സ്ഥലത്ത്. ഒരു വെബ്‌സൈറ്റിൽ ഒരു ബട്ടൺ ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനെക്കുറിച്ച് ഖണ്ഡികയിൽ വായിക്കുക.

1.1.2 "ലൈക്ക്" ബട്ടൺ

ബട്ടണിനുള്ള രണ്ടാമത്തെ ഓപ്ഷൻ "ലൈക്ക്" വിജറ്റ് ആണ്. സൈറ്റിൽ ഇത് ഇൻസ്റ്റാൾ ചെയ്യുന്നത് എളുപ്പമായിരിക്കും, കാരണം... അവസാനം നിങ്ങൾക്ക് സൈറ്റിലെ ശരിയായ സ്ഥലത്ത് സ്ഥാപിക്കേണ്ട ഒരു കോഡ് മാത്രമേ ലഭിക്കൂ.

ബട്ടൺ കോൺഫിഗർ ചെയ്യാൻ, ഇതിലേക്ക് പോകുക ഈ ലിങ്ക്. ഇവിടെ നിങ്ങൾ നിരവധി പാരാമീറ്ററുകൾ പൂരിപ്പിക്കേണ്ടതുണ്ട്.

സൈറ്റിൻ്റെ പേര് - ഇവിടെ നിങ്ങളുടെ സൈറ്റിൻ്റെ ഹ്രസ്വവും യഥാർത്ഥവുമായ പേര് സൂചിപ്പിക്കുന്നതാണ് നല്ലത്.

വെബ്സൈറ്റ് വിലാസം - വിലാസം നൽകുക ഹോം പേജ്നിങ്ങളുടെ സൈറ്റ്.

സൈറ്റിൻ്റെ പ്രധാന ഡൊമെയ്ൻ - സൈറ്റിൻ്റെ പ്രധാന മിറർ സൂചിപ്പിക്കുക (ഇത് "ഹോസ്റ്റ്" ഓപ്പറേറ്ററുടെ പാരാമീറ്ററായി കണ്ടെത്താം), ഇത് ചെയ്യാൻ നിങ്ങൾക്ക് ബുദ്ധിമുട്ടാണെങ്കിൽ, നിർദ്ദേശിച്ച VKONTAKTE ഉപേക്ഷിക്കുക.

ബട്ടൺ വകഭേദങ്ങൾ ബട്ടണിൻ്റെ വ്യത്യസ്ത ശൈലികളാണ് കൂടാതെ അതിൻ്റെ രൂപഭാവത്തെ ബാധിക്കുന്നു.

ബട്ടണിൻ്റെ ഉയരം "ലൈക്ക്" ബട്ടണിൻ്റെ ജ്യാമിതീയ അളവുകളാണ്.

ബട്ടൺ പേര് - രണ്ട് ഓപ്ഷനുകൾ ലഭ്യമാണ് (എനിക്ക് ഇത് ഇഷ്ടമാണ്, ഇത് രസകരമാണ്).

VKontakte സോഷ്യൽ നെറ്റ്‌വർക്കിനായുള്ള ബട്ടൺ പ്രദർശിപ്പിക്കുന്നതിന് ആവശ്യമായ കോഡാണ് ഉൾപ്പെടുത്തൽ കോഡ്.

1.2 ഫേസ്ബുക്ക്

ഈ പേജിലെ ബട്ടൺ കോൺഫിഗർ ചെയ്യുകയാണ്. ബുദ്ധിമുട്ടുകൾ ഉണ്ടാകാം കാരണം... ഫോമിലേക്കുള്ള അഭിപ്രായങ്ങൾ എഴുതിയിരിക്കുന്നു ആംഗലേയ ഭാഷ, എന്നാൽ താഴെ നിങ്ങൾക്ക് വായിക്കാം ഹൃസ്വ വിവരണംഓരോ ഫീൽഡും.

ലൈക്ക് ചെയ്യാനുള്ള URL - ബട്ടണിനായുള്ള പേജിൻ്റെ URL (ഫീൽഡ് പൂരിപ്പിച്ചിട്ടില്ലെങ്കിൽ, ബട്ടൺ സ്ഥിതിചെയ്യുന്ന പേജിൻ്റെ വിലാസം എടുക്കും).

അയയ്‌ക്കുക ബട്ടൺ - ഒരു ചെക്ക്‌മാർക്കിൻ്റെ സാന്നിധ്യം ഉൾപ്പെടുന്നു പുതിയ അവസരം- Facebook-ലേക്ക് ഒരു ലിങ്ക് അയയ്ക്കുക (പ്രദർശിപ്പിക്കും അധിക ബട്ടൺ- "അയയ്ക്കുക"). ഓണാക്കുമ്പോൾ, രണ്ട് ബട്ടണുകൾ ഒരേസമയം പ്രദർശിപ്പിക്കും.

ലേഔട്ട് ശൈലി - ബട്ടണിൻ്റെ ശൈലി, അതിൻ്റെ രൂപഭാവത്തെ ബാധിക്കുന്നു (ബട്ടൺ_ കൗണ്ട് സ്റ്റാൻഡേർഡ് ആയി കണക്കാക്കപ്പെടുന്നു).

വീതി - ബട്ടൺ വീതി പിക്സലുകളിൽ.

മുഖങ്ങൾ കാണിക്കുക - പ്രവർത്തനക്ഷമമാക്കുമ്പോൾ, ഈ ബട്ടണിൽ ഇതിനകം ക്ലിക്ക് ചെയ്‌ത ആളുകളുടെ അവതാറുകൾ കാണിക്കും.

ഫോണ്ട് - ബട്ടൺ ഫോണ്ട് തരം.

വർണ്ണ സ്കീം - ബട്ടണിന് അടുത്തുള്ള സ്ഥലത്തിൻ്റെ പശ്ചാത്തലം (വെളുപ്പും കറുപ്പും).

പ്രദർശിപ്പിക്കാനുള്ള ക്രിയ - ബട്ടണിൻ്റെ പേര് (ഇത് പോലെ, ഞാൻ ഇത് ശുപാർശ ചെയ്യുന്നു).

കോഡ് നേടുക - സ്ക്രിപ്റ്റ് കോഡ് സൃഷ്ടിക്കുന്ന ഒരു ബട്ടൺ.

1.3 ഒഡ്‌നോക്ലാസ്‌നിക്കിയും എൻ്റെ ലോകവും

ഈ സോഷ്യൽ നെറ്റ്‌വർക്കുകൾ റഷ്യൻ സംസാരിക്കുന്ന ഇൻ്റർനെറ്റിൽ വലിയ ജനപ്രീതി നേടിയിട്ടുണ്ട്; ധാരാളം ആളുകൾ അവിടെ താമസിക്കുന്നു, അതിനാൽ ഓഡ്‌നോക്ലാസ്‌നിക്കി സേവനത്തിൽ നിന്നുള്ള “ക്ലാസ്” ബട്ടണും മൈ വേൾഡ് വെബ്‌സൈറ്റിൽ നിന്നുള്ള “ലൈക്ക്” ബട്ടണും ഇൻസ്റ്റാൾ ചെയ്യുന്നത് നിങ്ങൾ അവഗണിക്കരുത്.

ബട്ടണുകൾ ക്രമീകരിക്കുന്നതിന്, നിങ്ങൾ എന്നതിലേക്ക് പോകേണ്ടതുണ്ട്. നിങ്ങൾക്ക് ബട്ടണുകൾ വ്യക്തിഗതമായി ചേർക്കാം, ഓരോന്നും വ്യത്യസ്‌തമായി ഇഷ്‌ടാനുസൃതമാക്കാം അല്ലെങ്കിൽ രണ്ട് ബട്ടണുകളും ഒരേ സമയം എഡിറ്റ് ചെയ്യാം.

ഉയരം വലിപ്പം - ബട്ടണുകളുടെ ജ്യാമിതീയ വലിപ്പം.

രൂപഭാവം - ബട്ടൺ ഫ്രെയിമിൻ്റെ രൂപം.

- ബട്ടണുകളുടെ തിരഞ്ഞെടുപ്പ് (ക്ലാസ് പോലുള്ളവ)

കൌണ്ടർ - ബട്ടൺ അമർത്തുക കൌണ്ടർ ഓണാക്കുകയും ഓഫാക്കുകയും ചെയ്യുക (വലതുവശത്ത്, മുകളിൽ - കൗണ്ടറിൻ്റെ സ്ഥാനം).

ബട്ടണുകളിൽ വാചകം - ബട്ടണുകൾക്കായി ലഭ്യമായ മൂന്ന് പേരുകളിൽ ഒന്ന് തിരഞ്ഞെടുക്കുക.

എംബെഡ് കോഡ് - സൈറ്റിൽ ഇൻസ്റ്റാൾ ചെയ്യേണ്ട സ്ക്രിപ്റ്റ് കോഡ്.

1.4 Google “+ 1”

ചുരുങ്ങിയ സമയം കൊണ്ട് വൻ പ്രേക്ഷകരെ നേടിയ ഒരു പുതിയ സോഷ്യൽ നെറ്റ്‌വർക്ക്. "+1" ബട്ടൺ ഇല്ലാത്ത ഒരു സൈറ്റ് സങ്കൽപ്പിക്കാൻ പ്രയാസമാണ്, കാരണം... ഒരു സോഷ്യൽ നെറ്റ്‌വർക്കിലേക്ക് ലിങ്കുകൾ ചേർക്കാനും "പ്ലസുകളുടെ" എണ്ണം വർദ്ധിപ്പിക്കാനും ഇത് നിങ്ങളെ അനുവദിക്കുക മാത്രമല്ല, TOP-ലെ സൈറ്റിൻ്റെ ഫലങ്ങളെ സ്വാധീനിക്കുകയും ചെയ്യും തിരയല് യന്ത്രംഗൂഗിൾ.

ഇതിനെക്കുറിച്ചുള്ള എല്ലാ വിശദാംശങ്ങളും, അതുപോലെ തന്നെ ബട്ടൺ ഇൻസ്റ്റാൾ ചെയ്യുകയും കോൺഫിഗർ ചെയ്യുകയും ചെയ്യുന്നു.

1.5 ട്വിറ്റർ

ഏറ്റവും ജനപ്രിയമായ സേവനം ചെറിയ സന്ദേശങ്ങൾഅവഗണിക്കാനാവില്ല. ഈ സോഷ്യൽ നെറ്റ്‌വർക്കിനായി ഒരു ബട്ടൺ ഇൻസ്റ്റാൾ ചെയ്യുക, Twitter-ൽ ആളുകൾ നിങ്ങളുടെ സൈറ്റിലേക്കുള്ള ലിങ്കുകൾ എത്ര വേഗത്തിൽ പങ്കിടുമെന്ന് കാണുക. നിങ്ങൾക്ക് ഇവിടെ ബട്ടൺ ഇഷ്ടാനുസൃതമാക്കാം.

ആദ്യം നിങ്ങൾ തിരഞ്ഞെടുക്കേണ്ടതുണ്ട് ആവശ്യമുള്ള ബട്ടൺ(ഞങ്ങൾക്ക് ആദ്യ ഓപ്ഷനിൽ താൽപ്പര്യമുണ്ട് - "ലിങ്ക് അയയ്ക്കുക" ബട്ടൺ).

ഇതിനുശേഷം, പൂരിപ്പിക്കേണ്ട നിരവധി ഫീൽഡുകളുള്ള ഒരു ഫോം പേജിൽ ദൃശ്യമാകും.

ലിങ്ക് അയയ്‌ക്കുക - ബട്ടൺ സ്ഥിതിചെയ്യുന്ന പേജ് അല്ലെങ്കിൽ മറ്റേതെങ്കിലും തിരഞ്ഞെടുക്കുക.

വാചകം - ബട്ടണിന് അടുത്തായി ദൃശ്യമാകുന്ന വാചകം തിരഞ്ഞെടുക്കുക (ബട്ടണിൽ തന്നെ അല്ല).

കൗണ്ടർ കാണിക്കുക - ബട്ടൺ അമർത്തലുകളുടെ എണ്ണം എണ്ണുന്നത് പ്രവർത്തനക്ഷമമാക്കുക അല്ലെങ്കിൽ പ്രവർത്തനരഹിതമാക്കുക.

ഉപയോഗിക്കുന്നത് - Twitter-ലേക്ക് ഒരു ലിങ്ക് സന്ദേശം ചേർക്കുന്നതിനുള്ള ഒരു രീതി തിരഞ്ഞെടുക്കുന്നു (ഒന്നിനെയും ബാധിക്കില്ല).

ടാഗ് - ട്വിറ്ററിൽ പ്രസിദ്ധീകരിക്കുന്ന ഒരു ടാഗ് തിരഞ്ഞെടുക്കുക (ഒന്നിനെയും ബാധിക്കില്ല).

വലിയ ബട്ടൺ - ബട്ടണിൻ്റെ ജ്യാമിതീയ വലുപ്പം വർദ്ധിപ്പിക്കുന്നു.

Twitter പൊരുത്തപ്പെടുത്താൻ വിസമ്മതിക്കുക - ട്വിറ്റർ ശൈലികൾ നിരസിക്കുക (ബോക്സ് ചെക്ക് ചെയ്യാതെ വിടുന്നതാണ് നല്ലത്).

ഭാഷ - ബട്ടണിൻ്റെ ഭാഷ തിരഞ്ഞെടുക്കുക.

വലതുവശത്ത്, സൈറ്റിലേക്ക് ചേർക്കേണ്ട ഒരു കോഡ് ജനറേറ്റ് ചെയ്യും.

1.6 Ya.ru

ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ രൂപീകരിക്കുന്ന നിരവധി ഫീൽഡുകൾ പൂരിപ്പിക്കേണ്ടതുണ്ട് ആവശ്യമായ കോഡ്സ്ക്രിപ്റ്റ്.

വലിപ്പം - ചെറുത് അല്ലെങ്കിൽ വലിയ വലിപ്പംബട്ടണുകൾ.

സ്റ്റൈൽ - ഒരു ബട്ടണിൽ അല്ലെങ്കിൽ ഒരു ഐക്കണിൽ ഒന്ന് തിരഞ്ഞെടുക്കുക.

കൌണ്ടർ സാന്നിധ്യം - ബട്ടൺ അമർത്തുക കൗണ്ടർ പ്രവർത്തനക്ഷമമാക്കുക അല്ലെങ്കിൽ പ്രവർത്തനരഹിതമാക്കുക.

ബട്ടൺ എങ്ങനെയിരിക്കും എന്നതിൻ്റെ ഒരു ഉദാഹരണമാണ് ബട്ടൺ രൂപഭാവം.

ശീർഷകം - പേജിനായി ഒരു തലക്കെട്ട് തിരഞ്ഞെടുക്കുക (ഇഷ്‌ടാനുസൃതം അല്ലെങ്കിൽ നിലവിലെ പേജിൻ്റെ ശീർഷകം).

കോഡ് ഉൾച്ചേർക്കുക - സൈറ്റിലേക്ക് ചേർത്ത ആവശ്യമായ കോഡ്.

2. സൈറ്റിനായുള്ള റെഡിമെയ്ഡ് ബട്ടണുകൾ

എന്നാൽ നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് ഓരോ ബട്ടണിൻ്റെയും കോഡ് ചേർക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നില്ലെങ്കിൽ, സോഷ്യൽ നെറ്റ്‌വർക്ക് ബട്ടണുകളുടെ ഒരു കൂട്ടം ഉടനടി രൂപീകരിക്കുന്ന സ്റ്റാൻഡേർഡ് സ്‌ക്രിപ്റ്റുകൾ നിങ്ങൾക്ക് ഉപയോഗിക്കാം. ഈ സാഹചര്യത്തിൽ, നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് അത്തരമൊരു സ്‌ക്രിപ്റ്റിൻ്റെ ഒരു കോഡ് ചേർക്കേണ്ടതുണ്ട്, കൂടാതെ നിങ്ങൾക്ക് ഉടൻ തന്നെ ഏറ്റവും ജനപ്രിയമായ സോഷ്യൽ നെറ്റ്‌വർക്കുകൾക്കായി ബട്ടണുകൾ ഇൻസ്റ്റാൾ ചെയ്യപ്പെടും.

ബ്ലോക്ക് കോൺഫിഗർ ചെയ്യാനും ആവശ്യമുള്ള സോഷ്യൽ നെറ്റ്‌വർക്കുകൾ തിരഞ്ഞെടുക്കാനും, ഈ ലിങ്ക് പിന്തുടരുക. ചുവടെയുള്ള സ്ക്രീൻഷോട്ട് വാഗ്ദാനം ചെയ്യുന്നവയിൽ നിന്ന് നിങ്ങൾക്ക് ആവശ്യമുള്ള സോഷ്യൽ നെറ്റ്‌വർക്കുകൾക്കുള്ള ബട്ടണുകൾ തിരഞ്ഞെടുക്കാമെന്നും ബ്ലോക്കിൻ്റെ രൂപം ചെറുതായി എഡിറ്റ് ചെയ്യാമെന്നും കാണിക്കുന്നു.

സേവനങ്ങളുടെ സെറ്റ് - സൈറ്റിനായുള്ള സോഷ്യൽ നെറ്റ്‌വർക്കിംഗ് ബട്ടണുകളുടെ തിരഞ്ഞെടുപ്പ് (ഒരു ചെക്ക് മാർക്ക് ഉള്ളവ സൈറ്റിൽ പ്രദർശിപ്പിക്കും).

കോഡ് - ആവശ്യമായ സ്ക്രിപ്റ്റ്, അത് സൈറ്റിലേക്ക് ചേർക്കേണ്ടതുണ്ട്.

2.2 PLUSO ബട്ടണുകൾ

അടുത്തിടെ, സോഷ്യൽ നെറ്റ്‌വർക്ക് ബട്ടണുകളുടെ ഡിസൈനർ - PLUSO - വ്യാപകമായ ജനപ്രീതി നേടിയിട്ടുണ്ട്. ഈ ലിങ്ക് ഉപയോഗിച്ച് നിങ്ങൾക്ക് സൈറ്റിലേക്ക് പോകാം.

കൺസ്ട്രക്റ്റർ തികച്ചും വഴക്കമുള്ളതാണ്, നിരവധി ക്രമീകരണങ്ങളുണ്ട്, അതിനാൽ നിങ്ങൾക്ക് സൈറ്റിൻ്റെ രൂപകൽപ്പനയ്ക്ക് അനുയോജ്യമായ സോഷ്യൽ നെറ്റ്‌വർക്ക് ബട്ടണുകൾ സൃഷ്ടിക്കാൻ കഴിയും.

ആദ്യം നിങ്ങൾ നിരവധി ഓഫർ ചെയ്ത (തിരശ്ചീന, ലംബ, നിറമുള്ള, നിറമില്ലാത്ത, മുതലായവ) ബട്ടണുകളുടെയും കൗണ്ടറുകളുടെയും ശൈലി തിരഞ്ഞെടുക്കേണ്ടതുണ്ട്.

അതിനുശേഷം നിങ്ങൾ തിരഞ്ഞെടുത്ത് നിരവധി ക്രമീകരണങ്ങൾ ക്രമീകരിക്കേണ്ടതുണ്ട്

• ബ്ലോക്ക് ലൊക്കേഷൻ (ലംബ, തിരശ്ചീന);
• ബട്ടൺ നിറം (തെളിച്ചമുള്ള, ഇരുണ്ട);
• ബ്ലോക്ക് വലിപ്പം (വലുത്, ചെറുത്);
• കൌണ്ടർ (സാന്നിധ്യം അല്ലെങ്കിൽ അഭാവം);
• പശ്ചാത്തലം (നിറമില്ലാത്തതോ നിറമുള്ളതോ);

നിങ്ങൾ വ്യക്തമാക്കിയ പാരാമീറ്ററുകൾ അനുസരിച്ച് കോഡ് ജനറേറ്റുചെയ്യും, അതിനുശേഷം അത് സൈറ്റിൽ ചേർക്കേണ്ടതുണ്ട്.

എസ് ഹരേ42

നിങ്ങളുടെ വെബ്‌സൈറ്റിനായി ബട്ടണുകൾ രൂപകൽപ്പന ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്ന മറ്റൊരു സേവനം Share42.com/ru ആണ്.

ബട്ടണുകളുടെ വലുപ്പം ഇഷ്ടാനുസൃതമാക്കാനും ലഭ്യമായ നിരവധി സോഷ്യൽ നെറ്റ്‌വർക്കുകളിൽ നിന്ന് ആവശ്യമുള്ള സോഷ്യൽ നെറ്റ്‌വർക്കുകൾ നിർണ്ണയിക്കാനും ഐക്കണുകളുടെ രൂപം എഡിറ്റുചെയ്യാനും ഈ ജനറേറ്റർ നിങ്ങളെ അനുവദിക്കുന്നു.

ബട്ടണുകളുടെയും ആവശ്യമുള്ള സോഷ്യൽ നെറ്റ്‌വർക്കുകളുടെയും വലുപ്പം തിരഞ്ഞെടുക്കുക, തുടർന്ന് അധിക ഓപ്ഷനുകൾ കോൺഫിഗർ ചെയ്യാൻ തുടരുക.

ഐക്കണുകളുള്ള പാനലിൻ്റെ തരം - ബട്ടണുകളുടെ ഒരു ബ്ലോക്ക് പ്രദർശിപ്പിക്കുന്നു ("ലംബമായ ഫ്ലോട്ടിംഗ്" ഓപ്ഷൻ വളരെ രസകരമാണ്).

ദൃശ്യമാകുന്ന ഐക്കണുകളുടെ എണ്ണം പരിമിതപ്പെടുത്തുക - പ്രദർശിപ്പിച്ചിരിക്കുന്ന ബട്ടണുകളുടെ എണ്ണം തിരഞ്ഞെടുക്കുക (മറ്റുള്ളവ ലിങ്കിന് പിന്നിൽ മറയ്ക്കപ്പെടും).

സൈറ്റ് എൻകോഡിംഗ് - നിങ്ങളുടെ സൈറ്റിൻ്റെ എൻകോഡിംഗ് തിരഞ്ഞെടുക്കുക.

Share42.com സൈറ്റിനായി ഒരു ഐക്കൺ ചേർക്കുക - ഒരുപക്ഷേ നിങ്ങൾ അത് അൺചെക്ക് ചെയ്യണം.

കൗണ്ടറുകൾ കാണിക്കുക - ബട്ടൺ ക്ലിക്ക് കൗണ്ടർ പ്രവർത്തനക്ഷമമാക്കുക (jQuery പ്രവർത്തിക്കുമ്പോൾ മാത്രം).

ഇൻസ്റ്റലേഷൻ ഈ സ്ക്രിപ്റ്റിൻ്റെവളരെ സങ്കീർണ്ണമാണ്, എന്നാൽ Share42 വെബ്സൈറ്റിൽ തന്നെ ഇത് ഘട്ടം ഘട്ടമായി വിവരിച്ചിരിക്കുന്നു.

3. സൈറ്റിൽ ബട്ടണുകൾ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം

സൈറ്റിൽ സ്ഥാപിക്കേണ്ട കോഡ് രണ്ട് ഭാഗങ്ങൾ ഉൾക്കൊള്ളുന്നുവെങ്കിൽ (VKontakte ബട്ടണിൻ്റെ കാര്യത്തിലെന്നപോലെ), ഓരോ ഭാഗവും വെവ്വേറെ ഇൻസ്റ്റാൾ ചെയ്യുന്നു. കോഡ് രണ്ട് ഭാഗങ്ങളായി തിരിച്ചിട്ടില്ലെങ്കിൽ, പിന്നെ ഈ ഘട്ടംനിങ്ങൾക്ക് അത് ഒഴിവാക്കാം.

കോഡിൻ്റെ ആദ്യഭാഗവും ടാഗുകളും തമ്മിൽ ചേർക്കേണ്ടതുണ്ട്. ഇത് ചെയ്യുന്നതിന്, പോകുക വേർഡ്പ്രസ്സ് അഡ്മിൻ പാനൽടെംപ്ലേറ്റ് എഡിറ്ററിലേക്ക് പോകുക.

ടെംപ്ലേറ്റ് എഡിറ്ററിൽ നിങ്ങൾ "ഹെഡർ" (header.php) ഫയൽ കണ്ടെത്തേണ്ടതുണ്ട്, ഒന്നുമില്ലെങ്കിൽ - "പ്രധാന ടെംപ്ലേറ്റ്" (index.php). ഇപ്പോൾ നിങ്ങൾ അല്ലെങ്കിൽ ടാഗ് കണ്ടെത്തേണ്ടതുണ്ട്. അകത്തുണ്ടെങ്കിൽ നിർദ്ദിഷ്ട ഫയലുകൾഅത്തരം ടാഗുകളൊന്നുമില്ല (എല്ലാ വിഷയങ്ങളും വ്യത്യസ്തമാണ്, ഇത് അങ്ങനെയായിരിക്കാം), തുടർന്ന് എഡിറ്റിംഗിനായി നിങ്ങൾ എല്ലാ ഫയലുകളും തുറന്ന് അവയിൽ ഓരോന്നിലും ടാഗിനായി നോക്കേണ്ടതുണ്ട്. തിരയാൻ, നിങ്ങൾക്ക് "Ctrl+F" എന്ന കീബോർഡ് കുറുക്കുവഴി ഉപയോഗിക്കാം.

ഒരിക്കൽ നിങ്ങൾ കണ്ടെത്തും ആവശ്യമായ ടാഗുകൾ, മറ്റ് സ്ക്രിപ്റ്റുകളുടെ കോഡുകളിൽ ആകസ്മികമായി സ്പർശിക്കാതിരിക്കാൻ, ക്ലോസിംഗ് ടാഗിന് തൊട്ടുമുമ്പ് നിങ്ങൾക്ക് കോഡിൻ്റെ ആദ്യഭാഗം സ്ഥാപിക്കാവുന്നതാണ്.

സൈറ്റിനായി തിരഞ്ഞെടുത്ത സോഷ്യൽ മീഡിയ ബട്ടണുകൾ കാണാൻ ആഗ്രഹിക്കുന്നിടത്ത് കോഡിൻ്റെ രണ്ടാം ഭാഗം സ്ഥാപിച്ചിരിക്കുന്നു. കോഡിൽ ഒരു ഭാഗം മാത്രമേ ഉള്ളൂ എങ്കിൽ, ഈ പ്രവർത്തനം മാത്രം നടത്തിയാൽ മതി.

മിക്കപ്പോഴും, ലേഖനത്തിന് മുമ്പോ അവസാനമോ ബട്ടണുകൾ ചേർക്കുന്നു. എളുപ്പമാണ്, തീർച്ചയായും, രണ്ടാമത്തെ ഓപ്ഷൻ. ഞങ്ങൾ അത് പരിഗണിക്കും.

ലേഖനം അവസാനിക്കുന്ന സ്ഥലം നിങ്ങൾ കണ്ടെത്തേണ്ടതുണ്ട് (പേജിൻ്റെ പ്രധാന വാചക ഭാഗം). ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ "സിംഗിൾ എൻട്രി" (single.php) ഫയൽ എഡിറ്റ് ചെയ്യേണ്ടതുണ്ട്.

ലേഖനത്തിൻ്റെ പ്രധാന ഉള്ളടക്കം പ്രദർശിപ്പിക്കുന്നതിന് ഉത്തരവാദിത്തമുള്ള ഓപ്പറേറ്ററെ നിങ്ങൾ ഇപ്പോൾ കണ്ടെത്തേണ്ടതുണ്ട്. എൻ്റെ കാര്യത്തിൽ, ഇത് “the_content” ആണ്, അതിന് തൊട്ടുപിന്നാലെ ബട്ടൺ കോഡ് സ്ഥാപിച്ചു.

അതുപോലെ, നിങ്ങൾക്ക് ലേഖനത്തിൻ്റെ തുടക്കത്തിൽ കോഡ് സ്ഥാപിക്കാം, ലേഖനത്തിൻ്റെ തലക്കെട്ടിനും വാചകത്തിനും ഇടയിൽ നിങ്ങൾ ഒരു സ്ഥലം കണ്ടെത്തേണ്ടതുണ്ട്.

കാരണം അതിൽ എന്താണ് എഴുതിയിരിക്കുന്നതെന്ന് ഞാൻ വീണ്ടും വിശദീകരിക്കില്ല, പക്ഷേ ലേഖനത്തിലുടനീളം ഞാൻ അത് പരാമർശിക്കേണ്ടിവരും.

അതിനാൽ നമുക്ക് ആരംഭിക്കാം, ജാവാസ്ക്രിപ്റ്റിൽ തന്നെ ആരംഭിക്കാം. കൌണ്ടറിനെ സംബന്ധിച്ച സ്ക്രിപ്റ്റ് വർക്ക് രണ്ട് ഭാഗങ്ങളായി തിരിച്ചിരിക്കുന്നു:

• പേജ് ലോഡ് ചെയ്യുമ്പോൾ സോഷ്യൽ നെറ്റ്‌വർക്കുകളിൽ നിന്നുള്ള ഓരോ ബട്ടണിലേക്കും ഒരു കൌണ്ടർ ചേർക്കേണ്ടതാണ്;
• ഒരു ബട്ടൺ ക്ലിക്ക് ചെയ്യുമ്പോൾ, ഷെയറുകളുടെ എണ്ണം മാറ്റുക.

സ്ക്രിപ്റ്റ് ലോജിക്കിൻ്റെ ആദ്യ ഭാഗം നടപ്പിലാക്കുന്നതിനായി, നമ്മൾ init() രീതി ചേർക്കേണ്ടതുണ്ട്:

Init: ഫംഗ്ഷൻ(ഘടകം)( $(document).ready(function())( $(element).each(function(idx)( var countApiUrls = (twitter: "https://urls.api.twitter.com/ 1 /urls/count.json?callback=?&url=", vk: "https://vk.com/share.php?act=count&index=" + idx + "&url=", facebook: "https:// ഗ്രാഫ് .facebook.com/?callback=?&ids=" ); var pageUrl = $.parseJSON($(element + "div:eq(0)").attr("data-share-data")).url; if (pageUrl)( share.getCountLikes($(element).find(".twitter"), countApiUrls.twitter, pageUrl, "twitter"); share.getCountLikes($(element).find(".vk"), countApiUrls .vk, pageUrl, "vk"); share.getCountLikes($(element).find(".facebook"), countApiUrls.facebook, pageUrl, "facebook"); )); തെറ്റ് തിരികെ നൽകുക; )

GetCountLikes: function(box, apiUrl, pageUrl, type)( if(apiUrl && pageUrl)( if(type == "twitter")( $.getJSON(apiUrl + pageUrl, function(data)(var num = data.count | | 0; if(num > 0)( share.setCountLikes(box, num); )); if(type == "vk")($.getScript(apiUrl + pageUrl); if(!window. VK)( window.VK = (); ); window.VK.Share = ( count: function(idx, count)( var num = count || 0; if(num > 0)( share.setCountLikes(box, num ); ); .setCountLikes(box, num);)); ); തെറ്റ് തിരികെ നൽകുക; )

getCountLikes() രീതി 4 പാരാമീറ്ററുകൾ എടുക്കുന്നു:

• ബോക്സ് - ഓരോ സോഷ്യൽ നെറ്റ്‌വർക്ക് ബട്ടണുകൾക്കും ഒരു റാപ്പർ;
• apiUrl - കോൾ ചെയ്യുന്ന API വിലാസം;
• pageUrl - ഞങ്ങൾ ഡാറ്റ സ്വീകരിക്കാൻ ആഗ്രഹിക്കുന്ന പേജിൻ്റെ വിലാസം;
• തരം - സോഷ്യൽ നെറ്റ്‌വർക്കിൻ്റെ തരം.

ഞങ്ങൾ അവിടെയുണ്ട് jQuery സഹായംരീതി $.getJSON() ഞങ്ങൾ ജനറേറ്റ് ചെയ്ത url = apiUrl + pageUrl ആക്സസ് ചെയ്യുന്നു. സോഷ്യൽ നെറ്റ്‌വർക്കിനെ ആശ്രയിച്ച്, ഞങ്ങൾക്ക് ഒരു പ്രതികരണം (മിക്കവാറും json) ലഭിക്കുകയും അത് പ്രോസസ്സ് ചെയ്യുകയും ചെയ്യുന്നു. ഒഴിവാക്കൽ “VKontakte” ആണ്, കാരണം ഞങ്ങൾ ഒരു അഭ്യർത്ഥന നടത്തുമ്പോൾ, ഞങ്ങൾക്ക് VK.Share() രീതിയുടെ നിർവ്വഹണം ലഭിക്കുന്നു, ഇത് ഞങ്ങളുടെ പേജിൽ സ്വാഭാവിക പിശകിന് കാരണമാകുന്നു, കാരണം ഞങ്ങൾക്ക് ഒരു VK ഒബ്‌ജക്റ്റ് ഇല്ല, പക്ഷേ ഇതിൻ്റെ സഹായത്തോടെ ഒരു "ലളിതമായ" ഊന്നുവടി ഞങ്ങൾ ആവശ്യമുള്ള ഫലം പുറത്തെടുക്കുന്നു.

ബട്ടണുകളിൽ അക്കങ്ങൾ വരയ്ക്കുക എന്നതാണ് ഞങ്ങൾക്ക് അവസാനമായി അവശേഷിക്കുന്നത്. പുതിയ setCountLikes() രീതി ഉപയോഗിച്ച് ഞങ്ങൾ ഈ പ്രശ്നം പരിഹരിക്കുന്നു. ഈ ഫംഗ്‌ഷൻ രണ്ട് പാരാമീറ്ററുകൾ എടുക്കുന്നു: റാപ്പർ സ്പെസിഫയറും നമ്പറും.

SetCountLikes: function(box, num)( box.append("" + num + ""); false റിട്ടേൺ ചെയ്യുക; )

പോപ്പ്അപ്പ്: ഫംഗ്‌ഷൻ(ബോക്‌സ്, യുആർഎൽ)( var countBox = box.find(".count"); if(!countBox.length)( share.setCountLikes(box, 1); )else( countBox.text(parseInt(countBox). വാചകം()) + 1); ); window.open(url, "", "ടൂൾബാർ=0, സ്റ്റാറ്റസ്=0, വീതി=626, ഉയരം=436"); തെറ്റ് തിരികെ നൽകുക; )

ഞങ്ങൾ കൂട്ടിച്ചേർത്തു പുതിയ പരാമീറ്റർബോക്സ്, മുമ്പ് വിവരിച്ചതും ഉള്ളിൽ ഉപയോഗിക്കുന്നതും സോപാധിക ഓപ്പറേറ്റർ if() മുമ്പ് പങ്കിട്ടവയുടെ എണ്ണം അനുസരിച്ച് ഞങ്ങൾ കൌണ്ടർ വർദ്ധിപ്പിക്കുന്നു. ഇത് സ്ക്രിപ്റ്റ് തന്നെ പൂർത്തിയാക്കുന്നു; തീർച്ചയായും, ഇത് ഇനിയും അപ്ഡേറ്റ് ചെയ്യേണ്ടതുണ്ട് ട്വിറ്റർ രീതികൾ(), vk(), facebook() ലൈൻ:

Share.popup(url);

Share.popup($this, url);

ഇപ്പോൾ, സംബന്ധിച്ച് HTML മാർക്ക്അപ്പ്, മുകളിൽ ഞങ്ങൾ init() രീതി നോക്കി, ഇത് സ്ക്രിപ്റ്റിൻ്റെ എൻട്രി/ലോഞ്ച് പോയിൻ്റ് ആയതിനാൽ, ഫയലുകൾ ബന്ധിപ്പിച്ചതിന് ശേഷം ഞങ്ങൾ അതിനെ പേജിൽ വിളിക്കുന്നു:

share.init(".share");

ബട്ടണിലേക്ക് ഐക്കൺ ക്ലാസിനൊപ്പം ഒരു സ്പാൻ കൂടി ചേർക്കണം:

സിഎസ്എസിലും ചെറിയ മാറ്റങ്ങളുണ്ടായിട്ടുണ്ട്. ഈ ഖണ്ഡിക വായിക്കുമ്പോഴേക്കും നിങ്ങൾ ഉദാഹരണം ഉപയോഗിച്ച് ആർക്കൈവ് ഡൗൺലോഡ് ചെയ്തിട്ടുണ്ടെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു; ഇല്ലെങ്കിൽ, അത് ഡൗൺലോഡ് ചെയ്ത് ഉപയോഗിക്കുക - എല്ലാം പ്രവർത്തിക്കുന്നു. ഈ തീരുമാനംഞാൻ തന്നെ പല പ്രോജക്റ്റുകളിലും ഇത് ഉപയോഗിക്കുന്നു, പ്രശ്നങ്ങളൊന്നും ശ്രദ്ധിച്ചിട്ടില്ല.

അടുത്തിടെ, വെബ്‌സൈറ്റ് വികസനത്തിനുള്ള ആവശ്യകതകളിലെ ഓരോ സെക്കൻഡിലും (ആദ്യത്തേതല്ലെങ്കിൽ) ഉപഭോക്താവ് അത് സോഷ്യൽ നെറ്റ്‌വർക്കുകളുമായി ബന്ധിപ്പിക്കുന്നത് ഉറപ്പാക്കാൻ ആവശ്യപ്പെടുന്നു. സൈറ്റിലെ "സോഷ്യൽ" ബട്ടണുകൾ ആകർഷിക്കുന്നതിനുള്ള നമ്പർ 1 ടൂളാണ് ടാർഗെറ്റ് പ്രേക്ഷകർ, ഉള്ളടക്ക വിതരണവും പൊതുവിൽ PR. കൂടാതെ ഇത് പൂർണ്ണമായും സൗജന്യമാണ്!

സോഷ്യൽ നെറ്റ്‌വർക്കുകൾ സൈറ്റിലെ പ്ലേസ്‌മെൻ്റിനായി അവരുടെ ബട്ടണുകൾക്കും വിജറ്റുകൾക്കും കോഡുകൾ നൽകുന്നു, കൂടാതെ സൈറ്റ് മാനേജുമെൻ്റ് സിസ്റ്റത്തിൽ അവ ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനുള്ള നിർദ്ദേശങ്ങൾ നൽകുന്നു. അവ ഇൻസ്റ്റാൾ ചെയ്യാൻ ഏത് CMS നിങ്ങളെ അനുവദിക്കുന്നു ( ഒ.എസ്), നിങ്ങളുടെ വെബ്‌സൈറ്റിൻ്റെ രൂപകൽപ്പനയിൽ അവയെ യോജിപ്പിക്കുക എന്നതാണ് പ്രധാന കാര്യം.

എന്തൊക്കെയാണ് സവിശേഷതകളും പ്രവർത്തനങ്ങളും?

ജനപ്രിയ സോഷ്യൽ നെറ്റ്‌വർക്കുകളിൽ ആശയവിനിമയം നടത്തുന്ന ആളുകളെയാണ് നിങ്ങളുടെ സൈറ്റ് ലക്ഷ്യമിടുന്നതെങ്കിൽ. നെറ്റ്‌വർക്കുകൾ, ഉദാഹരണത്തിന്, Vkontakte, Twitter, Instagram, Facebook, Google+, Pinterest മുതലായവ, അവയെല്ലാം ഉൾക്കൊള്ളാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നു, തുടർന്ന് ഓരോന്നിനും വെവ്വേറെ ബട്ടണുകൾ ഇൻസ്റ്റാൾ ചെയ്യാതിരിക്കാൻ, അവയുടെ വലുപ്പത്തിലും രൂപകൽപ്പനയിലും വ്യത്യാസമുണ്ടാകാം , അഗ്രഗേറ്റർ സേവനങ്ങൾ ഉപയോഗിക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു. ഇവ ലളിതവും സൗകര്യപ്രദമായ ഉപകരണങ്ങൾ, സൈറ്റ് സന്ദർശകർ ഏത് സോഷ്യൽ നെറ്റ്‌വർക്ക് ഉപയോഗിച്ചാലും അവരുടെ സുഹൃത്തുക്കളുമായി വിവരങ്ങൾ വേഗത്തിൽ പങ്കിടാൻ ഇത് അനുവദിക്കും. ഏറ്റവും ജനപ്രിയമായ സേവനങ്ങൾ ഞങ്ങൾ ചുവടെ നോക്കും.

സോഷ്യൽ മീഡിയ ബട്ടണുകൾ പങ്കിടുക പ്ലസ്സോ

ഇൻറർനെറ്റിൽ ഉൾപ്പെടാത്ത സൈറ്റുകളൊന്നും അവശേഷിക്കുന്നില്ല പോസ്റ്റിംഗ് ബട്ടണുകൾസോഷ്യൽ നെറ്റ്‌വർക്കുകളിലെ മെറ്റീരിയലുകൾ. രണ്ടാമത്തേത് നമ്മുടെ ജീവിതത്തിൽ വളരെക്കാലമായി ഉറച്ചുനിൽക്കുന്നു. ഞങ്ങൾ അവിടെ ആശയവിനിമയം നടത്തുന്നു, പരിചയപ്പെടുന്നു, ബിസിനസ്സ് പ്രോത്സാഹിപ്പിക്കുന്നു, വാർത്തകൾ വായിക്കുന്നു തുടങ്ങിയവ. ഒരു മുഴുവൻ ശ്രേണി. സാധ്യമായ ഏത് വിധത്തിലും സോഷ്യൽ നെറ്റ്‌വർക്കുകളിൽ അവരുടെ സൈറ്റുകളുടെ സാന്നിധ്യം വിപുലീകരിക്കാൻ വെബ്‌മാസ്റ്റർമാർ പരിശ്രമിക്കുന്നതിൽ അതിശയിക്കാനില്ല. ലഭ്യമായ രീതികൾ. എല്ലാത്തിനുമുപരി, എല്ലാവർക്കും ആവശ്യമുള്ള ടൺ കണക്കിന് ട്രാഫിക്കുണ്ട്. സന്ദർശകരുടെ ഒഴുക്ക് അർത്ഥമാക്കുന്നത് പണം, പ്രശസ്തി, വളർച്ച എന്നിവയാണ്. എല്ലാം അവൻ്റെ ചുറ്റുമാണ് നിർമ്മിച്ചിരിക്കുന്നത്. ഒരു രുചിയുള്ള മോർസൽ.

സോഷ്യൽ ബട്ടണുകൾ ആവശ്യമാണ്, അത് വ്യക്തമാണ്. ചോദ്യം വ്യത്യസ്തമാണ് - ഏതൊക്കെ തിരഞ്ഞെടുക്കണം?ഞങ്ങൾ നിങ്ങൾക്കായി ഇത് പരീക്ഷിച്ചു ടോപ്പ് 5 വിവിധ സേവനങ്ങൾ വെബ്‌സൈറ്റുകളിലേക്ക് ബട്ടൺ കോഡ് ചേർക്കാൻ. ഒപ്റ്റിമൽ ഒന്ന് തിരിച്ചറിയുകയും അത് വിശദമായി കാണിക്കുകയും ചെയ്യുക എന്നതാണ് ലക്ഷ്യം. യോഗ്യതാ ഘട്ടത്തിൽ നിന്ന് തുടങ്ങാം.

തിരഞ്ഞെടുപ്പ് മികച്ച സേവനം സോഷ്യൽ ബട്ടണുകൾ

താരതമ്യത്തിനായി സ്ഥാനാർത്ഥികളുടെ തിരഞ്ഞെടുപ്പ് നിസ്സാരമായി മാറി - ഞങ്ങൾ എടുത്തു ഏറ്റവും ജനപ്രിയമായ സേവനങ്ങൾ, വെബ്‌സൈറ്റ് സൃഷ്‌ടിക്കൽ വിഷയത്തെക്കുറിച്ച് പരിചിതമായ ഏതൊരു വ്യക്തിയും കേട്ടിട്ടുണ്ട്. ജനപ്രീതി നേടുന്ന അപൂർവങ്ങളൊന്നുമില്ല, പരിചയസമ്പന്നരായ വൃദ്ധർ മാത്രം.

സാക്ഷ്യപ്പെടുത്തിയ ടീമിൻ്റെ ഘടന ഇപ്രകാരമാണ്:

തിരഞ്ഞെടുത്ത സാമൂഹിക സേവനങ്ങൾ പരീക്ഷിച്ചതിൻ്റെ ഫലമായി - uSocial ആയിരുന്നു നേതാവ്. ഇപ്പോൾ നിങ്ങൾ ഞങ്ങളുടെ തിരഞ്ഞെടുപ്പിന് ഒരു യുക്തി സ്വീകരിക്കാൻ ആഗ്രഹിക്കുന്നു. തീർച്ചയായും, ഞങ്ങൾ അടിസ്ഥാനരഹിതമായി തുടരില്ല.

uSocial ബട്ടണുകളുടെ സവിശേഷതകൾ

കൊടുക്കാം ചില വസ്തുതകൾ, ആ തീരുമാനം ശരിയാണെന്ന് ഞങ്ങളെ ബോധ്യപ്പെടുത്തി.

ഘട്ടം-2

ഞങ്ങൾ ഒരു കൂട്ടം സോഷ്യൽ ബട്ടണുകൾ കൂട്ടിച്ചേർക്കുന്നു. തിരഞ്ഞെടുക്കാം പ്രദർശിപ്പിച്ചിരിക്കുന്നുസോഷ്യൽ നെറ്റ്‌വർക്കിംഗ് സേവനങ്ങൾ, ബട്ടണുകളുടെ ആകൃതിയും ശൈലിയും.

ഇവിടെ നിങ്ങൾക്ക് "അപ്പ്" ബട്ടൺ സജീവമാക്കാം, പിന്തുണ പ്രവർത്തനക്ഷമമാക്കുക മൊബൈൽ ഉപകരണങ്ങൾ, കുത്തുക Viber സേവനങ്ങൾ, WhatsApp, Telegram, SMS.

ഘട്ടം-4

നിങ്ങളുടെ uSocial വ്യക്തിഗത അക്കൗണ്ടിൽ നിന്ന് സോഷ്യൽ ബാർ ഇൻസ്റ്റാൾ ചെയ്ത ശേഷം, നിങ്ങൾക്ക് കാണാൻ കഴിയും ലൈക്കുകളുടെയും റീപോസ്റ്റുകളുടെയും സ്ഥിതിവിവരക്കണക്കുകൾതിരഞ്ഞെടുത്ത കാലയളവിലേക്ക്, ഒരേസമയം എല്ലാ സോഷ്യൽ നെറ്റ്‌വർക്കുകൾക്കും തിരഞ്ഞെടുത്തവയ്ക്കും. വ്യക്തമായ ഗ്രാഫുകളിലോ ചാർട്ടുകളിലോ ഡാറ്റ പ്രദർശിപ്പിക്കും.

സോഷ്യൽ മെറ്റാ ടാഗുകൾ ശരിയായി പൂരിപ്പിച്ചാൽ, പോസ്റ്റുകൾ ശരിയായി കാണപ്പെടും സാമൂഹ്യ സേവനം, കാരണം അവ മെറ്റീരിയലിൻ്റെ തരം, പ്രസക്തമായ ശീർഷകം, ഒരു ലിങ്ക് എന്നിവ സൂചിപ്പിക്കുന്നു ആവശ്യമുള്ള ചിത്രം. ഇതെല്ലാം റീപോസ്‌റ്റിൻ്റെ കാര്യക്ഷമത വർദ്ധിപ്പിക്കുന്നു: സാമൂഹിക സേവനങ്ങൾ നിങ്ങളുടെ മെറ്റീരിയൽ ശരിയായി സൂചികയിലാക്കും.

ഉദാഹരണങ്ങൾ മൈക്രോ മാർക്ക്അപ്പ് കോഡ്ജനപ്രിയ സോഷ്യൽ നെറ്റ്‌വർക്കുകൾക്കായി (ടാഗിന് മുമ്പ് കോഡ് എഴുതണം):

1. ഫേസ്ബുക്ക്ഒപ്പം എന്നിവരുമായി ബന്ധപ്പെട്ടുഓപ്പൺ ഗ്രാഫ് പ്രോട്ടോക്കോൾ ഉപയോഗിക്കുക:

3. വേണ്ടി ട്വിറ്റർകോഡ് ഇതുപോലെ കാണപ്പെടുന്നു:

4. വേണ്ടി Google+അതിനാൽ:

- Google+ ൽ രചയിതാവിൻ്റെ പ്രൊഫൈലിലേക്കുള്ള ലിങ്ക്
- സൈറ്റിൻ്റെ പേര്
- സ്‌നിപ്പറ്റ് വാചകം (40 പ്രതീകങ്ങൾ വരെ)
- സൈറ്റിൻ്റെ വിവരണം
- ഇമേജ് ഫയലിലേക്കുള്ള പാത

ഉപകരണങ്ങൾമൈക്രോ മാർക്ക്അപ്പ് ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നതിന്.