Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Google Search Parameter Builder</title>
- <style>
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
- min-height: 100vh;
- padding: 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .container {
- background: white;
- border-radius: 16px;
- box-shadow: 0 20px 60px rgba(0,0,0,0.3);
- max-width: 700px;
- width: 100%;
- padding: 40px;
- }
- h1 {
- color: #333;
- font-size: 28px;
- margin-bottom: 10px;
- text-align: center;
- }
- .subtitle {
- color: #666;
- text-align: center;
- margin-bottom: 30px;
- font-size: 14px;
- }
- .search-box {
- width: 100%;
- padding: 16px 20px;
- font-size: 16px;
- border: 2px solid #e0e0e0;
- border-radius: 24px;
- outline: none;
- transition: all 0.3s;
- margin-bottom: 20px;
- }
- .search-box:focus {
- border-color: #667eea;
- box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
- }
- .section {
- margin-bottom: 20px;
- }
- .section-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- cursor: pointer;
- padding: 12px 0;
- border-bottom: 2px solid #f0f0f0;
- margin-bottom: 15px;
- }
- .section-header h3 {
- color: #333;
- font-size: 16px;
- font-weight: 600;
- }
- .toggle-icon {
- transition: transform 0.3s;
- color: #667eea;
- font-weight: bold;
- }
- .toggle-icon.collapsed {
- transform: rotate(-90deg);
- }
- .section-content {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 15px;
- max-height: 500px;
- overflow: hidden;
- transition: max-height 0.3s ease;
- }
- .section-content.collapsed {
- max-height: 0;
- }
- .form-group {
- display: flex;
- flex-direction: column;
- }
- .form-group.full-width {
- grid-column: 1 / -1;
- }
- label {
- font-size: 13px;
- color: #555;
- margin-bottom: 6px;
- font-weight: 500;
- }
- select, input[type="text"], input[type="number"] {
- padding: 10px 12px;
- border: 1px solid #ddd;
- border-radius: 8px;
- font-size: 14px;
- outline: none;
- transition: border-color 0.2s;
- }
- select:focus, input[type="text"]:focus, input[type="number"]:focus {
- border-color: #667eea;
- }
- .highlight {
- background-color: #fff3cd;
- font-weight: 600;
- }
- .checkbox-group {
- display: flex;
- align-items: center;
- padding: 10px 0;
- }
- .checkbox-group input[type="checkbox"] {
- margin-right: 8px;
- width: 18px;
- height: 18px;
- cursor: pointer;
- }
- .checkbox-group label {
- margin: 0;
- cursor: pointer;
- }
- .search-button {
- width: 100%;
- padding: 16px;
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
- color: white;
- border: none;
- border-radius: 12px;
- font-size: 16px;
- font-weight: 600;
- cursor: pointer;
- transition: transform 0.2s, box-shadow 0.2s;
- margin: 20px 0;
- }
- .search-button:hover {
- transform: translateY(-2px);
- box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
- }
- .search-button:active {
- transform: translateY(0);
- }
- .preview-box {
- background: #f8f9fa;
- border: 1px solid #e0e0e0;
- border-radius: 8px;
- padding: 15px;
- font-family: 'Courier New', monospace;
- font-size: 12px;
- color: #333;
- word-break: break-all;
- max-height: 120px;
- overflow-y: auto;
- }
- .preview-label {
- font-size: 13px;
- color: #555;
- margin-bottom: 8px;
- font-weight: 600;
- }
- .badge {
- display: inline-block;
- background: #667eea;
- color: white;
- padding: 2px 8px;
- border-radius: 4px;
- font-size: 11px;
- margin-left: 8px;
- }
- @media (max-width: 600px) {
- .section-content {
- grid-template-columns: 1fr;
- }
- .container {
- padding: 20px;
- }
- }
- </style>
- </head>
- <body>
- <div class="container">
- <h1>🔍 Google Search Builder</h1>
- <p class="subtitle">Craft your perfect search with hidden parameters</p>
- <input type="text" class="search-box" id="searchQuery" placeholder="Enter your search query..." />
- <div class="section">
- <div class="form-group full-width">
- <label for="searchMode">Search Mode</label>
- <select id="searchMode">
- <option value="">Standard (All Results)</option>
- <option value="14" class="highlight">⭐ Web (No AI)</option>
- <option value="2">Images</option>
- <option value="7">Videos</option>
- <option value="39">Short Videos</option>
- <option value="18">Forums & Discussions</option>
- <option value="1">Local Places</option>
- <option value="5">Hotels & Lodging</option>
- <option value="8">Jobs</option>
- <option value="15">Things to Do</option>
- <option value="28">Shopping</option>
- <option value="36">Books</option>
- <option value="50">AI Mode</option>
- </select>
- </div>
- </div>
- <div class="section">
- <div class="section-header" onclick="toggleSection('filters')">
- <h3>Advanced Filters</h3>
- <span class="toggle-icon" id="filters-icon">▼</span>
- </div>
- <div class="section-content" id="filters-content">
- <div class="form-group">
- <label for="timeFilter">Time Range</label>
- <select id="timeFilter">
- <option value="">Any time</option>
- <option value="qdr:h">Past hour</option>
- <option value="qdr:d">Past 24 hours</option>
- <option value="qdr:w">Past week</option>
- <option value="qdr:m">Past month</option>
- <option value="qdr:y">Past year</option>
- </select>
- </div>
- <div class="form-group">
- <label for="language">Language</label>
- <select id="language">
- <option value="">Any language</option>
- <option value="lang_en">English</option>
- <option value="lang_es">Spanish</option>
- <option value="lang_fr">French</option>
- <option value="lang_de">German</option>
- <option value="lang_it">Italian</option>
- <option value="lang_pt">Portuguese</option>
- <option value="lang_zh-CN">Chinese (Simplified)</option>
- <option value="lang_ja">Japanese</option>
- <option value="lang_ko">Korean</option>
- </select>
- </div>
- <div class="form-group">
- <label for="fileType">File Type</label>
- <select id="fileType">
- <option value="">Any format</option>
- <option value="pdf">PDF</option>
- <option value="doc">DOC</option>
- <option value="docx">DOCX</option>
- <option value="xls">XLS</option>
- <option value="xlsx">XLSX</option>
- <option value="ppt">PPT</option>
- <option value="pptx">PPTX</option>
- <option value="txt">TXT</option>
- </select>
- </div>
- <div class="form-group">
- <label for="resultsPerPage">Results per Page</label>
- <select id="resultsPerPage">
- <option value="">10 (default)</option>
- <option value="20">20</option>
- <option value="30">30</option>
- <option value="50">50</option>
- <option value="100">100</option>
- </select>
- </div>
- <div class="form-group full-width">
- <label for="siteFilter">Search within Site</label>
- <input type="text" id="siteFilter" placeholder="e.g., reddit.com or example.com" />
- </div>
- <div class="form-group full-width">
- <label for="safeSearch">SafeSearch</label>
- <select id="safeSearch">
- <option value="">Default</option>
- <option value="active">Active (Filter explicit)</option>
- <option value="off">Off</option>
- </select>
- </div>
- <div class="checkbox-group full-width">
- <input type="checkbox" id="disablePersonalization" />
- <label for="disablePersonalization">Disable personalization</label>
- </div>
- <div class="checkbox-group full-width">
- <input type="checkbox" id="disableSuggestions" />
- <label for="disableSuggestions">Disable "Did you mean" suggestions</label>
- </div>
- </div>
- </div>
- <button class="search-button" onclick="performSearch()">🔍 Search Google</button>
- <div class="preview-label">Preview URL:</div>
- <div class="preview-box" id="previewUrl">https://www.google.com/search?q=</div>
- </div>
- <script>
- function toggleSection(sectionId) {
- const content = document.getElementById(sectionId + '-content');
- const icon = document.getElementById(sectionId + '-icon');
- content.classList.toggle('collapsed');
- icon.classList.toggle('collapsed');
- }
- function buildUrl() {
- const query = document.getElementById('searchQuery').value.trim();
- const mode = document.getElementById('searchMode').value;
- const timeFilter = document.getElementById('timeFilter').value;
- const language = document.getElementById('language').value;
- const fileType = document.getElementById('fileType').value;
- const resultsPerPage = document.getElementById('resultsPerPage').value;
- const siteFilter = document.getElementById('siteFilter').value.trim();
- const safeSearch = document.getElementById('safeSearch').value;
- const disablePersonalization = document.getElementById('disablePersonalization').checked;
- const disableSuggestions = document.getElementById('disableSuggestions').checked;
- let url = 'https://www.google.com/search?';
- const params = [];
- if (query) {
- params.push('q=' + encodeURIComponent(query));
- }
- if (mode) {
- params.push('udm=' + mode);
- }
- if (timeFilter) {
- params.push('tbs=' + timeFilter);
- }
- if (language) {
- params.push('lr=' + language);
- }
- if (fileType) {
- params.push('as_filetype=' + fileType);
- }
- if (resultsPerPage) {
- params.push('num=' + resultsPerPage);
- }
- if (siteFilter) {
- params.push('as_sitesearch=' + encodeURIComponent(siteFilter));
- }
- if (safeSearch) {
- params.push('safe=' + safeSearch);
- }
- if (disablePersonalization) {
- params.push('pws=0');
- }
- if (disableSuggestions) {
- params.push('nfpr=1');
- }
- url += params.join('&');
- return url;
- }
- function updatePreview() {
- const url = buildUrl();
- document.getElementById('previewUrl').textContent = url;
- }
- function performSearch() {
- const url = buildUrl();
- window.open(url, '_blank');
- }
- document.getElementById('searchQuery').addEventListener('input', updatePreview);
- document.getElementById('searchMode').addEventListener('change', updatePreview);
- document.getElementById('timeFilter').addEventListener('change', updatePreview);
- document.getElementById('language').addEventListener('change', updatePreview);
- document.getElementById('fileType').addEventListener('change', updatePreview);
- document.getElementById('resultsPerPage').addEventListener('change', updatePreview);
- document.getElementById('siteFilter').addEventListener('input', updatePreview);
- document.getElementById('safeSearch').addEventListener('change', updatePreview);
- document.getElementById('disablePersonalization').addEventListener('change', updatePreview);
- document.getElementById('disableSuggestions').addEventListener('change', updatePreview);
- document.getElementById('searchQuery').addEventListener('keypress', function(e) {
- if (e.key === 'Enter') {
- performSearch();
- }
- });
- updatePreview();
- </script>
- </body>
- </html>
Advertisement