PHP वेबसाइट में Google Search इनपुट बॉक्स कैसे डालें
PHP वेबसाइट में Google Search इनपुट बॉक्स कैसे डालें
How to insert a Google Search input box in a PHP website
अगर आप अपनी PHP वेबसाइट में एक Google Search इनपुट बॉक्स डालना चाहते हैं, तो आप Google Custom Search या सीधे एक HTML फॉर्म के माध्यम से ऐसा कर सकते हैं। इसका उपयोग आपकी वेबसाइट से गूगल पर सर्च करने के लिए किया जा सकता है। अमित सर के ब्लॉग के लिए इस प्रक्रिया को हिंदी में विस्तार से समझाने के लिए आप निम्नलिखित स्टेप्स का उपयोग कर सकते हैं।
PHP वेबसाइट में Google Search इनपुट बॉक्स कैसे डालें?
अपनी वेबसाइट पर एक Google Search इनपुट बॉक्स जोड़ने का तरीका बेहद आसान है। आप गूगल का कस्टम सर्च बॉक्स अपनी वेबसाइट पर एम्बेड कर सकते हैं ताकि यूजर्स आपकी साइट से सीधे गूगल पर सर्च कर सकें। नीचे इसको जोड़ने के सरल स्टेप्स दिए गए हैं।
1. Google Custom Search Engine (CSE) का उपयोग करें
Step 1: Google CSE पर जाएं
सबसे पहले, Google Custom Search Engine (CSE) का उपयोग करके एक कस्टम सर्च इंजन बनाएं। इसके लिए:
- Google Custom Search वेबसाइट पर जाएं।
- "Create a new search engine" पर क्लिक करें।
Step 2: वेबसाइट जोड़ें
- उस वेबसाइट का URL डालें जहां आप यह कस्टम सर्च इंजन लगाना चाहते हैं।
- उसके बाद, “Create” पर क्लिक करें।
Step 3: कोड प्राप्त करें
- सर्च इंजन सेटअप होने के बाद, आपको एक HTML कोड मिलेगा जिसे आप अपनी वेबसाइट में एम्बेड कर सकते हैं।
- उस कोड को कॉपी करें।
Step 4: कोड को अपनी PHP फाइल में डालें
अब, इस कोड को अपनी PHP वेबसाइट के उस हिस्से में डालें, जहां आप सर्च बॉक्स दिखाना चाहते हैं। उदाहरण के लिए:
php
<html> <body> <!-- गूगल कस्टम सर्च का कोड यहाँ डालें --> <div class="gcse-searchbox"></div> <script async src="https://cse.google.com/cse.js?cx=YOUR_SEARCH_ENGINE_ID"></script> </body> </html>
यहाँ YOUR_SEARCH_ENGINE_ID को अपने Google CSE ID से बदलें, जो आपको Google CSE वेबसाइट से मिलेगा।
2. HTML फॉर्म के जरिए गूगल सर्च बॉक्स डालें
यदि आप Google Custom Search Engine का उपयोग नहीं करना चाहते हैं, तो आप एक साधारण HTML फॉर्म के जरिए भी Google Search इनपुट बॉक्स बना सकते हैं। यह तरीका सरल है और PHP के साथ सीधे काम करेगा।
Step 1: HTML फॉर्म बनाएं
आप एक साधारण HTML फॉर्म के जरिए गूगल सर्च को अपनी वेबसाइट पर जोड़ सकते हैं। इसके लिए नीचे दिए गए HTML कोड को अपनी PHP फाइल में डालें:
php
<html> <body> <form action="https://www.google.com/search" method="get" target="_blank"> <input type="text" name="q" placeholder="Google पर खोजें" /> <input type="submit" value="खोजें" /> </form> </body> </html>
- name="q": यह इनपुट फील्ड गूगल को बताती है कि आप क्या सर्च कर रहे हैं।
- action="https://www.google.com/search": यह गूगल के सर्च पेज को टारगेट करता है।
- target="_blank": यह सर्च रिजल्ट्स को एक नई टैब में ओपन करने के लिए होता है।
Step 2: PHP फाइल में जोड़ें
इसे अपनी PHP वेबसाइट के उस हिस्से में जोड़ें जहां आप सर्च बॉक्स दिखाना चाहते हैं। यह बॉक्स गूगल पर सीधा सर्च करेगा और नए टैब में परिणाम दिखाएगा।
3. Google Search Box को स्टाइल करें (वैकल्पिक)
यदि आप इस सर्च बॉक्स को अधिक आकर्षक बनाना चाहते हैं, तो आप CSS का उपयोग करके इसे कस्टमाइज़ कर सकते हैं। उदाहरण:
php
<html> <head> <style> input[type="text"] { width: 300px; padding: 10px; font-size: 16px; } input[type="submit"] { padding: 10px 20px; font-size: 16px; background-color: #4285F4; color: white; border: none; cursor: pointer; } input[type="submit"]:hover { background-color: #357ae8; } </style> </head> <body> <form action="https://www.google.com/search" method="get" target="_blank"> <input type="text" name="q" placeholder="Google पर खोजें" /> <input type="submit" value="खोजें" /> </form> </body> </html>
इस स्टाइलिंग से आपका सर्च बॉक्स और बटन देखने में अधिक प्रोफेशनल और आकर्षक लगेगा।
निष्कर्ष
PHP वेबसाइट में Google Search इनपुट बॉक्स जोड़ना बहुत ही सरल है। आप या तो Google Custom Search Engine का उपयोग कर सकते हैं या फिर एक साधारण HTML फॉर्म का उपयोग करके Google Search को एम्बेड कर सकते हैं। यह न केवल आपकी वेबसाइट की उपयोगिता बढ़ाता है, बल्कि उपयोगकर्ताओं को सीधा गूगल पर सर्च करने की सुविधा भी प्रदान करता है। अब, आप इन स्टेप्स का पालन करके अपनी PHP वेबसाइट में Google Search इनपुट बॉक्स को जोड़ सकते हैं और वेबसाइट को अधिक इंटरैक्टिव बना सकते हैं।
इस तरह का ब्लॉग अमित सर के ब्लॉग्स में गूगल सर्च बॉक्स जोड़ने के इच्छुक पाठकों के लिए बेहद उपयोगी होगा।
.png)