{"id":259,"date":"2024-05-05T20:32:05","date_gmt":"2024-05-05T20:32:05","guid":{"rendered":"https:\/\/worldseotool.com\/?page_id=259"},"modified":"2024-05-05T20:32:05","modified_gmt":"2024-05-05T20:32:05","slug":"259-2","status":"publish","type":"page","link":"https:\/\/shoptips24.com\/tools\/259-2\/","title":{"rendered":"Twitter Card Generator"},"content":{"rendered":"\n<style>\n        \n        }\n\n        .container {\n            max-width: 600px;\n            margin: 50px auto;\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n        }\n\n        h1 {\n            text-align: center;\n            margin-bottom: 20px;\n            color: #333;\n        }\n\n        label {\n            display: block;\n            margin-bottom: 5px;\n            font-weight: bold;\n        }\n\n        input[type=\"text\"],\n        textarea {\n            width: 100%;\n            padding: 10px;\n            font-size: 16px;\n            margin-bottom: 20px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            box-sizing: border-box;\n            resize: vertical;\n        }\n\n        button {\n            display: block;\n            width: 100%;\n            padding: 12px;\n            font-size: 16px;\n            color: #fff;\n            background-color: #007bff;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n\n        button:hover {\n            background-color: #0056b3;\n        }\n\n        #result {\n            margin-top: 20px;\n            padding: 20px;\n            background-color: #f9f9f9;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n        }\n\n        #twitterCardTags {\n            width: 100%;\n            margin-bottom: 10px;\n            height: 200px;\n            resize: none;\n        }\n    <\/style>\n\n<body>\n    <div class=\"container\">\n        <h1>Twitter Card Generator<\/h1>\n        <label for=\"type\">Type:<\/label>\n        <select id=\"type\">\n            <option value=\"app\">App<\/option>\n        <\/select>\n\n        <label for=\"site-username\">Site Username (@):<\/label>\n        <input id=\"site-username\" placeholder=\"Enter site username\" type=\"text\" \/>\n\n        <label for=\"app-name\">App Name:<\/label>\n        <input id=\"app-name\" placeholder=\"Enter app name\" type=\"text\" \/>\n\n        <label for=\"iphone-app-id\">iPhone App ID:<\/label>\n        <input id=\"iphone-app-id\" placeholder=\"Enter iPhone app ID\" type=\"text\" \/>\n\n        <label for=\"ipad-app-id\">iPad App ID:<\/label>\n        <input id=\"ipad-app-id\" placeholder=\"Enter iPad app ID\" type=\"text\" \/>\n\n        <label for=\"googleplay-app-id\">Google Play App ID:<\/label>\n        <input id=\"googleplay-app-id\" placeholder=\"Enter Google Play app ID\" type=\"text\" \/>\n\n        <label for=\"app-country\">App Country (If Not Available in US Store):<\/label>\n        <input id=\"app-country\" placeholder=\"Enter app country\" type=\"text\" \/>\n\n        <label for=\"description\">Description:<\/label>\n        <textarea id=\"description\" placeholder=\"Enter description\"><\/textarea>\n\n        <button onclick=\"generateTwitterCard()\">Generate Twitter Card<\/button>\n\n        <div id=\"result\"><\/div>\n    <\/div>\n\n    <script>\n        function generateTwitterCard() {\n            var cardType = document.getElementById('type').value;\n            var siteUsername = document.getElementById('site-username').value.trim();\n            var appName = document.getElementById('app-name').value.trim();\n            var iphoneAppId = document.getElementById('iphone-app-id').value.trim();\n            var ipadAppId = document.getElementById('ipad-app-id').value.trim();\n            var googleplayAppId = document.getElementById('googleplay-app-id').value.trim();\n            var appCountry = document.getElementById('app-country').value.trim();\n            var description = document.getElementById('description').value.trim();\n\n            var twitterCardTags = `\n                <meta name=\"twitter:card\" content=\"${cardType}\">\n                <meta name=\"twitter:site\" content=\"${siteUsername}\">\n                <meta name=\"twitter:description\" content=\"${description}\">\n                <meta name=\"twitter:app:name:iphone\" content=\"${appName}\">\n                <meta name=\"twitter:app:id:iphone\" content=\"${iphoneAppId}\">\n                <meta\n\n name=\"twitter:app:name:ipad\" content=\"${appName}\">\n                <meta name=\"twitter:app:id:ipad\" content=\"${ipadAppId}\">\n                <meta name=\"twitter:app:name:googleplay\" content=\"${appName}\">\n                <meta name=\"twitter:app:id:googleplay\" content=\"${googleplayAppId}\">\n                <meta name=\"twitter:app:country\" content=\"${appCountry}\">\n            `;\n\n            var resultDiv = document.getElementById('result');\n            resultDiv.innerHTML = `\n                <h2>Generated Twitter Card Tags:<\/h2>\n                <textarea id=\"twitterCardTags\">${twitterCardTags}<\/textarea>\n                <button onclick=\"copyToClipboard()\">Copy<\/button>\n            `;\n        }\n\n        function copyToClipboard() {\n            var twitterCardTags = document.getElementById('twitterCardTags');\n            twitterCardTags.select();\n            document.execCommand('copy');\n            alert(\"Copied to clipboard!\");\n        }\n    <\/script>\n<\/body><div class=\"separator\" style=\"clear: both; text-align: center;\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjnqW3vLP7UGUzl7OTOC92462CZLht1-m0DqbOgcbqvmhV5Zby0efZYy7FAFejzv4yF5EFznw-V-7FcaWbl8wmG3mPxWkCCcO-_Xf_T6knyDWfQFNpScgDV2xhggWo8p4_yzEUf9ChlD1AUM8bEU06iPvPYwAic6fgLMVlQ37HG2rH8o9-Q8CH7go1y9ng\/s512\/twitter.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img fetchpriority=\"high\" decoding=\"async\" border=\"0\" data-original-height=\"512\" data-original-width=\"512\" height=\"320\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjnqW3vLP7UGUzl7OTOC92462CZLht1-m0DqbOgcbqvmhV5Zby0efZYy7FAFejzv4yF5EFznw-V-7FcaWbl8wmG3mPxWkCCcO-_Xf_T6knyDWfQFNpScgDV2xhggWo8p4_yzEUf9ChlD1AUM8bEU06iPvPYwAic6fgLMVlQ37HG2rH8o9-Q8CH7go1y9ng\/s320\/twitter.png\" width=\"320\" \/><\/a><\/div><br \/>\n","protected":false},"excerpt":{"rendered":"<p>Twitter Card Generator Type: App Site Username (@): App Name: iPhone App ID: iPad App ID: Google Play App ID:&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/comments?post=259"}],"version-history":[{"count":0,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/259\/revisions"}],"wp:attachment":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/media?parent=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}