கிளிக் ஒலி widget

ஒரே வரி code-ல், உங்கள் இணையதளத்தின் ஒவ்வொரு கிளிக்குக்கும் ஒரு மென்மையான ஒலியையும் ripple-ஐயும் கொடுங்கள். ஒலியும் நிறமும் தேர்ந்தெடுத்து, பெட்டியில் முயன்று பாருங்கள், பிறகு snippet-ஐ உங்கள் பக்கத்தில் நகலெடுங்கள்.

எல்லாமே உங்கள் browser-ல் இயங்கும். நீங்கள் டைப் செய்வது, கிளிக் செய்வது, படம் பிடிப்பது, பேசுவது எதுவும் பதிவேற்றப்படாது, சேமிக்கப்படாது.

எப்படிச் சேர்ப்பது

ஒரு ஒலி, ripple நிறம், அளவைத் தேர்ந்தெடுத்து, முயன்று பார்க்கப் பெட்டியில் கிளிக் செய்யுங்கள்.
நகலெடு-வை அழுத்தி, snippet-ஐ உங்கள் பக்கத்தில் </body>-க்குச் சற்று முன் paste செய்யுங்கள்.
அவ்வளவுதான்: பக்கத்தின் ஒவ்வொரு கிளிக்கும் தட்டலும் ஒலியை இசைத்து ripple-ஐ வரையும்.

தெரிந்துகொள்ள வேண்டியவை

இது clacky.app-லிருந்து ஏற்றப்படும் ஒரு சிறிய script. Cookies இல்லை, tracking இல்லை, எதுவும் சேகரிக்கப்படுவதில்லை.
யாராவது கிளிக் அல்லது தட்டிய பிறகுதான் browser-கள் ஒலியை அனுமதிக்கின்றன, அதுவே இது ஒலிக்கும் நேரம்.
“Reduce motion”-ஐ இயக்கியவர்களுக்கு ripple இல்லை, ஒலிகளும் இயல்பாக மெதுவாக ஒலிக்கும்.
ஒரு மூலையில் ஒரு சிறிய “Clicks by Clacky” link இருக்கும். அதுவே widget-ஐ இலவசமாக வைத்திருக்கிறது, அதனால் தயவுசெய்து அதை அங்கேயே விடுங்கள்.

எங்கே பொருந்தும்

Portfolio-கள், விளையாட்டுத்தனமான landing பக்கங்கள், கேம்கள், குழந்தைகள் தளங்கள், demo-க்கள். உங்கள் வங்கியின் checkout பக்கத்துக்கு அநேகமாக இல்லை.

கேள்விகள்

என் இணையதளத்தில் கிளிக் ஒலிகளை எப்படிச் சேர்ப்பது?

இங்கே ஒரு ஒலியைத் தேர்ந்தெடுத்து, ஒரு வரி snippet-ஐ நகலெடுத்து, உங்கள் பக்கத்தில் </body>-க்கு முன் paste செய்யுங்கள். அதன்பின் ஒவ்வொரு கிளிக்கும் ஒலியை இசைத்து ripple-ஐக் காட்டும்.

இது Webflow, Framer, WordPress அல்லது Squarespace-ல் வேலை செய்யுமா?

ஆம், பக்கத்தில் custom code சேர்க்க முடியும் எந்த இடத்திலும்: snippet-ஐத் தளத்தின் custom code அல்லது footer code அமைப்பில் paste செய்யுங்கள்.

Widget என் பார்வையாளர்களை track செய்கிறதா?

இல்லை. இது எந்த cookie-யையும் அமைப்பதில்லை, எதையும் எங்கும் அனுப்புவதில்லை. உங்கள் பார்வையாளர்களின் browser-கள் script கோப்பை மட்டுமே பதிவிறக்குகின்றன.

“Clicks by Clacky” link-ஐ நீக்கலாமா?

அந்த link-தான் widget-ஐ இலவசமாக வைத்திருக்கிறது, அதனால் தயவுசெய்து அதை வைத்திருங்கள். அது உங்கள் design-உடன் ஒத்துப்போகவில்லை என்றால், hello@clacky.app-ல் எங்களிடம் சொல்லுங்கள்.