{"id":285,"date":"2025-07-12T00:42:37","date_gmt":"2025-07-12T00:42:37","guid":{"rendered":"https:\/\/insaatsirketleri.com.tr\/en\/?p=285"},"modified":"2025-07-12T01:49:46","modified_gmt":"2025-07-12T01:49:46","slug":"most-touristic-cities","status":"publish","type":"post","link":"https:\/\/insaatsirketleri.com.tr\/en\/most-touristic-cities\/","title":{"rendered":"Most Touristic Cities"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <!-- Inter Font -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    \/* Custom styles for animations if needed, otherwise Tailwind handles most *\/\n    body {\n      font-family: 'Inter', sans-serif;\n    }\n    @keyframes fadeInOut {\n      0% { opacity: 0; transform: translateY(20px); }\n      100% { opacity: 1; transform: translateY(0); }\n    }\n    .animate-fade-in-up {\n      animation: fadeInOut 0.5s ease-out forwards;\n    }\n    .animate-fade-in-up.delay-100 {\n      animation-delay: 0.1s;\n    }\n    .animate-fade-in-up.delay-200 {\n      animation-delay: 0.2s;\n    }\n  <\/style>\n  <!-- Google AdSense Script (placed in head for global loading) -->\n  <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2506329722665303\"\n          crossorigin=\"anonymous\"><\/script>\n<\/head>\n<body>\n\n  <div id=\"root\"><\/div>\n\n  <!-- React and ReactDOM CDNs -->\n  <script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n  <script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n  <!-- Babel for JSX transformation in browser (for development, consider a build step for production) -->\n  <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n\n  <script type=\"text\/babel\">\n    \/\/ City data\n    \/\/ Data compiled from various sources for 2024 and 2023 estimates.\n    \/\/ For real-time or precise data, please refer to official tourism statistics.\n    const citiesData = [\n      { name: 'Bangkok', country: 'Thailand', tourists: '32.4 million (2024 estimate)' },\n      { name: 'Istanbul', country: 'Turkey', tourists: '23.0 million (2024 estimate)' },\n      { name: 'London', country: 'United Kingdom', tourists: '21.7 million (2024 estimate)' },\n      { name: 'Hong Kong', country: 'China', tourists: '20.5 million (2024 estimate)' },\n      { name: 'Mecca', country: 'Saudi Arabia', tourists: '19.3 million (2024 estimate)' },\n      { name: 'Antalya', country: 'Turkey', tourists: '19.3 million (2024 estimate)' },\n      { name: 'Dubai', country: 'United Arab Emirates', tourists: '18.2 million (2024 estimate)' },\n      { name: 'Macau', country: 'China', tourists: '18.0 million (2024 estimate)' },\n      { name: 'Paris', country: 'France', tourists: '17.4 million (2024 estimate)' },\n      { name: 'Kuala Lumpur', country: 'Malaysia', tourists: '16.5 million (2024 estimate)' },\n      { name: 'New York City', country: 'USA', tourists: '11.7 million (2023 estimate)' },\n      { name: 'Singapore', country: 'Singapore', tourists: '18.5 million (2018 estimate)' },\n      { name: 'Delhi', country: 'India', tourists: '12.6 million (2018 estimate)' },\n      { name: 'Shenzhen', country: 'China', tourists: '12.2 million (2018 estimate)' },\n      { name: 'Mumbai', country: 'India', tourists: '10.5 million (2018 estimate)' },\n      { name: 'Palma de Mallorca', country: 'Spain', tourists: '10.5 million (2018 estimate)' },\n      { name: 'Rome', country: 'Italy', tourists: '7.4 million (2016 estimate)' },\n      { name: 'Amsterdam', country: 'Netherlands', tourists: '7.4 million (2016 estimate)' },\n      { name: 'Tokyo', country: 'Japan', tourists: '8.0 million (2016 estimate)' },\n      { name: 'Seoul', country: 'South Korea', tourists: '10.3 million (2016 estimate)' },\n      { name: 'Barcelona', country: 'Spain', tourists: '7.6 million (2016 estimate)' },\n      { name: 'Prague', country: 'Czech Republic', tourists: '5.4 million (2016 estimate)' },\n      { name: 'Vienna', country: 'Austria', tourists: '5.8 million (2016 estimate)' },\n      { name: 'Taipei', country: 'Taiwan', tourists: '6.5 million (2016 estimate)' },\n      { name: 'Milan', country: 'Italy', tourists: '7.1 million (2016 estimate)' },\n      { name: 'Canc\u00fan', country: 'Mexico', tourists: '10.8 million (2023 estimate)' },\n      { name: 'Johannesburg', country: 'South Africa', tourists: '2 million (annual)' },\n      { name: 'Sydney', country: 'Australia', tourists: '3 million (annual)' },\n      { name: 'Naples', country: 'Italy', tourists: '3.3 million (annual)' },\n      { name: 'Munich', country: 'Germany', tourists: '3.5 million (annual)' },\n      { name: 'Berlin', country: 'Germany', tourists: '5.9 million (2018 estimate)' },\n      { name: 'Madrid', country: 'Spain', tourists: '6.0 million (2018 estimate)' },\n      { name: 'Dublin', country: 'Ireland', tourists: '5.6 million (2018 estimate)' },\n      { name: 'Los Angeles', country: 'USA', tourists: '5.2 million (2016 estimate)' },\n      { name: 'San Francisco', country: 'USA', tourists: '4.9 million (2018 estimate)' },\n      { name: 'Orlando', country: 'USA', tourists: '6.2 million (2018 estimate)' },\n      { name: 'Miami', country: 'USA', tourists: '5.5 million (2018 estimate)' },\n      { name: 'Lisbon', country: 'Portugal', tourists: '4.5 million (2018 estimate)' },\n      { name: 'Warsaw', country: 'Poland', tourists: '3.5 million (2018 estimate)' },\n      { name: 'Budapest', country: 'Hungary', tourists: '4.2 million (2018 estimate)' },\n      { name: 'Athens', country: 'Greece', tourists: '5.5 million (2018 estimate)' },\n      { name: 'Zurich', country: 'Switzerland', tourists: '2.8 million (2018 estimate)' },\n      { name: 'Copenhagen', country: 'Denmark', tourists: '3.0 million (2018 estimate)' },\n      { name: 'Stockholm', country: 'Sweden', tourists: '2.5 million (2018 estimate)' },\n      { name: 'Oslo', country: 'Norway', tourists: '1.8 million (2018 estimate)' },\n      { name: 'Helsinki', country: 'Finland', tourists: '1.5 million (2018 estimate)' },\n      { name: 'Moscow', country: 'Russia', tourists: '5.9 million (2018 estimate)' },\n      { name: 'St. Petersburg', country: 'Russia', tourists: '3.8 million (2018 estimate)' },\n      { name: 'Beijing', country: 'China', tourists: '4.8 million (2018 estimate)' },\n      { name: 'Shanghai', country: 'China', tourists: '7.8 million (2018 estimate)' },\n    ];\n\n    function App() {\n      const [currentIndex, setCurrentIndex] = React.useState(0);\n\n      \/\/ Moves to the next slide\n      const nextSlide = () => {\n        setCurrentIndex((prevIndex) => (prevIndex + 1) % citiesData.length);\n      };\n\n      \/\/ Moves to the previous slide\n      const prevSlide = () => {\n        setCurrentIndex((prevIndex) =>\n          prevIndex === 0 ? citiesData.length - 1 : prevIndex - 1\n        );\n      };\n\n      \/\/ Handles click on city name to search on insaatsirketleri.com.tr\n      const handleCityClick = (cityName) => {\n        \/\/ Construct the search query for \"city name hotels\"\n        const searchQuery = `${cityName} hotels`;\n        \/\/ Construct the full URL as specified by the user\n        const searchUrl = `https:\/\/insaatsirketleri.com.tr\/?q=${encodeURIComponent(searchQuery)}#gsc.tab=0&gsc.q=${encodeURIComponent(searchQuery)}&gsc.page=1`;\n        window.open(searchUrl, '_blank');\n      };\n\n      \/\/ Function to get localized text for share buttons\n      const getLocalizedText = (key) => {\n        const lang = navigator.language.split('-')[0]; \/\/ Get primary language (e.g., 'en', 'tr')\n        const texts = {\n          facebook: {\n            en: \"Share on Facebook\",\n            tr: \"Facebook'ta Payla\u015f\"\n          },\n          twitter: {\n            en: \"Share on Twitter\",\n            tr: \"Twitter'da Payla\u015f\"\n          },\n          linkedin: {\n            en: \"Share on LinkedIn\",\n            tr: \"LinkedIn'de Payla\u015f\"\n          },\n          previous: {\n            en: \"Previous\",\n            tr: \"\u00d6nceki\"\n          },\n          next: {\n            en: \"Next\",\n            tr: \"Sonraki\"\n          }\n        };\n        return (texts[key] && texts[key][lang]) ? texts[key][lang] : texts[key]['en']; \/\/ Default to English\n      };\n\n      \/\/ Function to share the current page on social media\n      const sharePage = (platform) => {\n        const url = encodeURIComponent(window.location.href);\n        const title = encodeURIComponent(window.document.title);\n        let shareUrl = '';\n\n        switch (platform) {\n          case 'facebook':\n            shareUrl = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${url}&quote=${title}`;\n            break;\n          case 'twitter':\n            shareUrl = `https:\/\/twitter.com\/intent\/tweet?url=${url}&text=${title}`;\n            break;\n          case 'linkedin':\n            shareUrl = `https:\/\/www.linkedin.com\/shareArticle?mini=true&url=${url}&title=${title}`;\n            break;\n          default:\n            break;\n        }\n\n        if (shareUrl) {\n          window.open(shareUrl, '_blank', 'width=600,height=400');\n        }\n      };\n\n      const currentCity = citiesData[currentIndex];\n\n      \/\/ Use useEffect to push AdSense ads when the component updates and the ad should be shown\n      React.useEffect(() => {\n        \/\/ Reklam kodunu her 3 \u015fehirde bir g\u00f6ster\n        if ((currentIndex + 1) % 3 === 0) {\n          try {\n            \/\/ Check if adsbygoogle array exists and push if it does\n            if (window.adsbygoogle && typeof window.adsbygoogle.push === 'function') {\n              window.adsbygoogle.push({});\n            } else {\n              console.warn('adsbygoogle is not defined or push is not a function.');\n            }\n          } catch (error) {\n            console.error('Error pushing AdSense ad:', error);\n          }\n        }\n      }, [currentIndex]); \/\/ Re-run effect when currentIndex changes\n\n      return (\n        <div className=\"min-h-screen bg-gradient-to-br from-blue-100 to-purple-100 flex items-center justify-center p-4 font-inter\">\n          <div className=\"bg-white shadow-2xl rounded-xl p-8 max-w-2xl w-full transform transition-all duration-500 hover:scale-105\">\n            <h1 className=\"text-4xl font-extrabold text-center text-gray-800 mb-8 tracking-tight\">\n              Most Visited Cities\n            <\/h1>\n\n            <div className=\"relative h-64 flex items-center justify-center mb-8\">\n              <div className=\"absolute inset-0 bg-blue-500 rounded-lg opacity-10 blur-sm\"><\/div>\n              <div className=\"relative text-center\">\n                <p\n                  className=\"text-6xl font-bold text-blue-700 mb-2 animate-fade-in-up cursor-pointer hover:underline\"\n                  onClick={() => handleCityClick(currentCity.name)}\n                  title={`Click to search for ${currentCity.name} hotels on insaatsirketleri.com.tr`}\n                >\n                  {currentCity.name}\n                <\/p>\n                <p className=\"text-2xl text-gray-600 mb-4 animate-fade-in-up delay-100\">\n                  {currentCity.country}\n                <\/p>\n                <p className=\"text-3xl font-semibold text-purple-600 animate-fade-in-up delay-200\">\n                  {currentCity.tourists}\n                <\/p>\n              <\/div>\n            <\/div>\n\n            {\/* Reklam Kodu - Her 3 \u015fehirde bir g\u00f6ster *\/}\n            {(currentIndex + 1) % 3 === 0 && (\n              <div className=\"my-8 text-center\">\n                {\/* kare *\/}\n                <ins className=\"adsbygoogle\"\n                     style={{ display: 'block' }}\n                     data-ad-client=\"ca-pub-2506329722665303\"\n                     data-ad-slot=\"2178518307\"\n                     data-ad-format=\"auto\"\n                     data-full-width-responsive=\"true\"><\/ins>\n                {\/* AdSense push is now handled by useEffect *\/}\n              <\/div>\n            )}\n\n            <div className=\"flex justify-between mt-8\">\n              <button\n                onClick={prevSlide}\n                className=\"px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 transition-transform transform hover:-translate-x-1 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-75\"\n              >\n                {getLocalizedText('previous')}\n              <\/button>\n              <span className=\"text-lg font-medium text-gray-700 self-center\">\n                {currentIndex + 1} \/ {citiesData.length}\n              <\/span>\n              <button\n                onClick={nextSlide}\n                className=\"px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 transition-transform transform hover:translate-x-1 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-75\"\n              >\n                {getLocalizedText('next')}\n              <\/button>\n            <\/div>\n\n            {\/* Sosyal Medya Payla\u015f\u0131m Butonlar\u0131 *\/}\n            <div className=\"flex justify-center space-x-4 mt-8\">\n              <button\n                onClick={() => sharePage('facebook')}\n                className=\"px-4 py-2 bg-blue-700 text-white font-semibold rounded-lg shadow-md hover:bg-blue-800 transition-transform transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-opacity-75\"\n              >\n                {getLocalizedText('facebook')}\n              <\/button>\n              <button\n                onClick={() => sharePage('twitter')}\n                className=\"px-4 py-2 bg-blue-400 text-white font-semibold rounded-lg shadow-md hover:bg-blue-500 transition-transform transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-300 focus:ring-opacity-75\"\n              >\n                {getLocalizedText('twitter')}\n              <\/button>\n              <button\n                onClick={() => sharePage('linkedin')}\n                className=\"px-4 py-2 bg-blue-800 text-white font-semibold rounded-lg shadow-md hover:bg-blue-900 transition-transform transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-opacity-75\"\n              >\n                {getLocalizedText('linkedin')}\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      );\n    }\n\n    \/\/ Render the React component\n    ReactDOM.createRoot(document.getElementById('root')).render(<App \/>);\n  <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,1],"tags":[34,36,35],"class_list":["post-285","post","type-post","status-publish","format-standard","hentry","category-hotels","category-uncategorized","tag-booking-hotels","tag-cheap-hotels","tag-hotels-booking"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/comments?post=285"}],"version-history":[{"count":4,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/285\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/285\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}