-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (154 loc) · 7.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="tag-style.css">
<link rel="shortcut icon" type="image/jpg" href="favicon.png" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto&family=Source+Code+Pro&display=swap"
rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#6cc9d9">
<meta name="apple-mobile-web-app-title" content="Taggregator">
<meta name="application-name" content="Taggregator">
<meta name="msapplication-TileColor" content="#6cc9d9">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>Etsy Tag Aggregator for Etsy Sellers</title>
<meta name="description" content="Tool for Etsy sellers to get the most out of the available tags on their Etsy listings.">
<meta name="keywords" content="etsy seller tools, etsy tag generator, etsy seo, etsy keywords, etsy listing">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XWN14CLFKF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XWN14CLFKF');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cabin&family=Oswald:wght@700&family=Telex&display=swap" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WEYGN496CM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WEYGN496CM');
</script>
</head>
<body>
<div class="header">
<img class="logo" src="taggregator.png" alt="taggregator logo">
</div>
<div class="container">
<div class="app">
<h1>Etsy Keyword/Tag Aggregator</h1>
<h3>Instructions</h3>
<!-- Trigger/Open The Modal -->
<button id="shwBtn" class="show">Show Me!</button>
<!-- The Modal -->
<div id="insModal" class="hidden">
<div class="modal-content">
<div class="modal-header">
<span class="close">×</span>
</div>
<div class="modal-body">
<img id="ins-img" class="instructions-img" src="unused2.jpg" alt="Paste keywords in Keywords box and press Generate. Tags will appear in Tags box. Words that wouldn't fit will appear in Unused box.">
</div>
</div>
</div>
<p class="d-text">
<ul class="instructions-list">
<li>Put your search terms in the "Keywords" box, one per line. <strong>HINT: I use <a id="aff_link" href="https://www.keywordtooldominator.com/?ktd=1691" target="_blank" rel="sponsored">this tool</a> to find good search terms for my listings.</strong></li>
<li>Put how many tags you want and how many characters each tag can be. For Etsy, this will be 13 tags and 20 characters. </li>
<li>Click "Generate" and your optimized tags will show up in the Tags box. </li>
<li>If there are words left over that could not fit, they'll be displayed in the "Unused Words" box.
</li>
</ul>
</p>
<!-- <p>Pro Tip: Use quotation marks if you want a phrase to be kept as is. <strong>Example: "New York"</strong>.
*Bug* Words in quotation marks will show up in the Unused Words box even when they are used.</p> -->
<div class="chars">Max Characters:<input type="number" id="chars" value="20" style="width: 75px;"></div>
<div class="phrase"> Max Tags: <input type="number" id="phrase" value="13" style="width: 75px;"></div>
<div style="padding-top: 15px;"> Unwanted Words: <input type="text" id="unwanted"
value="a|at|and|of|the|in|on|an|has|to|it|is|if|this|that|or|by|for|with" size="60"
style="width: 600px; height: 30px;">
</div>
<div class="io">
<div class="keywords">
<div>
<label for="input">
<h4>Keywords:</h4>
</label>
</div>
<div>
<textarea id="input" cols="25" rows="13"></textarea>
</div>
<div>
<button id="generate" type="button" class="gen" onClick="generate()">Generate</button>
<button id="reset" type="button" class="gen" onClick="javascript:defaultValues();">Reset</button>
</div>
</div>
<div class="tags">
<div>
<label for="output">
<h4>Tags:</h4>
</label>
</div>
<div>
<textarea id="output" cols="25" rows="13"></textarea>
</div>
<div class="copy-button">
<button class="gen" id="copyTags" type="button" onclick="copyOutput('#output')">Copy</button>
</div>
</div>
<div class="unused">
<h4>Unused Words:</h4>
<div>
<textarea id="wordBox" cols="auto" rows="13"></textarea>
</div>
</div>
</div>
</div>
<div class="side-bar">
<div class="disclaimer-container"> <h3 class="disclaimer-heading">Disclaimer</h3>
<p>This tool is free for anyone to use (even though some of you might be my competition ( ಠ_ಠ) ), no ads, no
email popups, no tracking cookies.</p>
<p>I can't say for sure if it's better for Etsy SEO to use all available characters in your tags or if
it's better to keep phrases intact. I've tested it in my own shop (Top 1% Etsy Seller without
selling masks) but there are simply too many variables and too many unknowns.</p>
<p> From reading Etsy's Guide to Search, you shouldn't use a word more than once in your tags and etsy's
search algorithm will put words from separate tags together to match a query.</p>
<p> But since Etsy doesn't share everything about how the algorithm works, I make no guarantees or
promises as to the effectiveness of this tool. Use at your own risk, not a doctor, your mileage may vary, not financial advice and so on.</p>
<p>The term 'Etsy' is a trademark of Etsy, Inc. This application is not
endorsed or certified by Etsy, Inc.</p>
</div>
<div><a href="https://www.keywordtooldominator.com/?ktd=1691" target="_blank" rel="sponsored" id="aff_link"><img src="keywords.gif" alt="find etsy keywords" class="etsy-link"> </a></div>
</div>
</div>
<footer>
<div class="footer">
<div class="copyright">
©2021 -
<script>
document.write(new Date().getFullYear());
</script>
Wilbot3D®
</div>
<div class="bottom-nav">
<a href="https://wildbot.app">HOME</a
><a href="https://wildbot.app/sales-map">SALES MAP</a
><a href="https://wildbot.app/taggregator">TAGGREGATOR</a>
</div>
</div>
</footer>
<script src=" script.js"></script>
</body>
</html>