{"id":12015,"date":"2023-08-09T19:02:04","date_gmt":"2023-08-09T15:32:04","guid":{"rendered":"https:\/\/nabfollower.com\/?page_id=12015"},"modified":"2024-07-28T20:00:18","modified_gmt":"2024-07-28T16:30:18","slug":"hashtag-generator-for-instagram","status":"publish","type":"page","link":"https:\/\/nabfollower.com\/hashtag-generator-for-instagram\/","title":{"rendered":"\u0647\u0634\u062a\u06af \u062c\u0646\u0631\u06cc\u062a\u0648\u0631 \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\u200b , \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u062e\u062a \u0647\u0634\u062a\u06af \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12015\" class=\"elementor elementor-12015\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb2aca1 elementor-section-height-min-height elementor-section-full_width elementor-reverse-mobile elementor-section-height-default elementor-section-items-middle\" data-id=\"eb2aca1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\n\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\n\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e942679\" data-id=\"e942679\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2077973 elementor-widget elementor-widget-heading\" data-id=\"2077973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0647\u0634\u062a\u06af \u062c\u0646\u0631\u06cc\u062a\u0648\u0631 \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\u200b , \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u062e\u062a \u0647\u0634\u062a\u06af \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-70b4c56\" data-id=\"70b4c56\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85d17ea elementor-widget elementor-widget-image\" data-id=\"85d17ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/nabfollower.com\/wp-content\/uploads\/2023\/04\/11115.png\" class=\"attachment-large size-large wp-image-12023\" alt=\"\" srcset=\"https:\/\/nabfollower.com\/wp-content\/uploads\/2023\/04\/11115.png 800w, https:\/\/nabfollower.com\/wp-content\/uploads\/2023\/04\/11115-300x200.png 300w, https:\/\/nabfollower.com\/wp-content\/uploads\/2023\/04\/11115-768x512.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3742952 elementor-section-full_width elementor-section-height-min-height elementor-section-items-stretch elementor-section-height-default\" data-id=\"3742952\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a4f1f7\" data-id=\"1a4f1f7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5904fe2 elementor-widget elementor-widget-html\" data-id=\"5904fe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hashtag-search-container\">\r\n    <div class=\"header\">\r\n        <div class=\"search-container\">\r\n            <input type=\"text\" id=\"search-input\" placeholder=\"\u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0647\u0634\u062a\u06af \u0639\u0628\u0627\u0631\u062a \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.\">\r\n            <span class=\"search-icon\">\ud83d\udd0d<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"hashtags\" id=\"hashtags-container\"><\/div>\r\n    <div class=\"selected-hashtags\">\r\n        <p>\u0647\u0634\u062a\u06af \u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647:<\/p>\r\n        <div id=\"selected-hashtags-list\"><\/div>\r\n        <button id=\"copy-hashtags\">\u06a9\u067e\u06cc \u06a9\u0631\u062f\u0646 \u0647\u0634\u062a\u06af \u0647\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .hashtag-search-container {\r\n        font-family: Arial, sans-serif;\r\n    }\r\n    .header {\r\n        background-image: url('path_to_your_image.jpg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        height: 200px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n    .header::after {\r\n        content: '\u0647\u0645\u0634\u06cc\u0646\u06af \u0628\u0627\u0628';\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        color: white;\r\n        font-size: 24px;\r\n    }\r\n    .search-container {\r\n        background-color: white;\r\n        border-radius: 25px;\r\n        padding: 10px;\r\n        width: 80%;\r\n        max-width: 600px;\r\n        box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n    }\r\n    #search-input {\r\n        width: calc(100% - 40px);\r\n        padding: 10px;\r\n        border: none;\r\n        font-size: 16px;\r\n    }\r\n    #search-input:focus {\r\n        outline: none;\r\n    }\r\n    .search-icon {\r\n        float: left;\r\n        padding: 10px;\r\n        color: #4285f4;\r\n        cursor: pointer;\r\n    }\r\n    .hashtags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        margin-top: 20px;\r\n    }\r\n    .hashtag {\r\n        background-color: #e0e0e0;\r\n        border-radius: 15px;\r\n        padding: 5px 10px;\r\n        margin: 5px;\r\n        font-size: 14px;\r\n        cursor: pointer;\r\n    }\r\n    .hashtag.selected {\r\n        background-color: #4285f4;\r\n        color: white;\r\n    }\r\n    .selected-hashtags {\r\n        margin-top: 20px;\r\n        text-align: center;\r\n    }\r\n    #selected-hashtags-list {\r\n        margin-bottom: 10px;\r\n    }\r\n    #copy-hashtags {\r\n        background-color: #4285f4;\r\n        color: white;\r\n        border: none;\r\n        padding: 10px 20px;\r\n        border-radius: 5px;\r\n        cursor: pointer;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const searchInput = document.getElementById('search-input');\r\n        const hashtagsContainer = document.getElementById('hashtags-container');\r\n        const selectedHashtagsList = document.getElementById('selected-hashtags-list');\r\n        const copyButton = document.getElementById('copy-hashtags');\r\n        let selectedHashtags = new Set();\r\n\r\n        function displayHashtags(hashtags) {\r\n            hashtagsContainer.innerHTML = '';\r\n            hashtags.forEach(hashtag => {\r\n                const hashtagElement = document.createElement('div');\r\n                hashtagElement.className = 'hashtag';\r\n                hashtagElement.textContent = '#' + hashtag;\r\n                hashtagElement.addEventListener('click', () => toggleHashtag(hashtag));\r\n                hashtagsContainer.appendChild(hashtagElement);\r\n            });\r\n        }\r\n\r\n        function toggleHashtag(hashtag) {\r\n            if (selectedHashtags.has(hashtag)) {\r\n                selectedHashtags.delete(hashtag);\r\n            } else {\r\n                selectedHashtags.add(hashtag);\r\n            }\r\n            updateSelectedHashtags();\r\n        }\r\n\r\n        function updateSelectedHashtags() {\r\n            selectedHashtagsList.innerHTML = Array.from(selectedHashtags).map(h => `#${h}`).join(' ');\r\n            hashtagsContainer.querySelectorAll('.hashtag').forEach(el => {\r\n                el.classList.toggle('selected', selectedHashtags.has(el.textContent.slice(1)));\r\n            });\r\n        }\r\n\r\n        function debounce(func, wait) {\r\n            let timeout;\r\n            return function executedFunction(...args) {\r\n                const later = () => {\r\n                    clearTimeout(timeout);\r\n                    func(...args);\r\n                };\r\n                clearTimeout(timeout);\r\n                timeout = setTimeout(later, wait);\r\n            };\r\n        }\r\n\r\n        const searchHashtags = debounce((query) => {\r\n            if (query.length > 0) {\r\n                fetch(`\/api\/hashtag-search.php?query=${encodeURIComponent(query)}`)\r\n                    .then(response => response.json())\r\n                    .then(hashtags => displayHashtags(hashtags))\r\n                    .catch(error => console.error('Error fetching hashtags:', error));\r\n            } else {\r\n                hashtagsContainer.innerHTML = '';\r\n            }\r\n        }, 300);\r\n\r\n        searchInput.addEventListener('input', function() {\r\n            const query = this.value.trim();\r\n            searchHashtags(query);\r\n        });\r\n\r\n        copyButton.addEventListener('click', function() {\r\n            const hashtagString = Array.from(selectedHashtags).map(h => `#${h}`).join(' ');\r\n            navigator.clipboard.writeText(hashtagString).then(() => {\r\n                alert('Selected hashtags copied to clipboard!');\r\n            }).catch(err => {\r\n                console.error('Failed to copy: ', err);\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0647\u0634\u062a\u06af \u062c\u0646\u0631\u06cc\u062a\u0648\u0631 \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\u200b , \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u062e\u062a \u0647\u0634\u062a\u06af \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645 \ud83d\udd0d \u0647\u0634\u062a\u06af \u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647: \u06a9\u067e\u06cc \u06a9\u0631\u062f\u0646 \u0647\u0634\u062a\u06af \u0647\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12015","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/pages\/12015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/comments?post=12015"}],"version-history":[{"count":16,"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/pages\/12015\/revisions"}],"predecessor-version":[{"id":14828,"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/pages\/12015\/revisions\/14828"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/nabfollower\/wp\/v2\/media?parent=12015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}