Generator Label SEO PRO
Label (SEO):
Link Biasa:
Tombol Keren:
<div style="max-width:800px;margin:auto;font-family:Arial;padding:15px">
<h2>Generator Label SEO PRO</h2>
<input id="item" placeholder="Contoh: dispenser" style="width:100%;padding:10px;margin:5px 0;">
<input id="kota" placeholder="Contoh: sukabumi" style="width:100%;padding:10px;margin:5px 0;">
<input id="area" placeholder="Opsional: cisaat,cibadak,warudoyong" style="width:100%;padding:10px;margin:5px 0;">
<button onclick="generate()" style="padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer">
Generate
</button>
<h3>Label (SEO):</h3>
<textarea id="hasil" style="width:100%;height:120px;padding:10px"></textarea>
<h3>Link Biasa:</h3>
<textarea id="link" style="width:100%;height:200px;padding:10px"></textarea>
<h3>Tombol Keren:</h3>
<textarea id="tombol" style="width:100%;height:200px;padding:10px"></textarea>
<button onclick="copyAll()" style="padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px">
Copy Semua
</button>
</div>
<style>
.tag-btn{
display:inline-block;
margin:5px;
padding:8px 14px;
background:linear-gradient(45deg,#ff416c,#ff4b2b);
color:#fff;
border-radius:20px;
text-decoration:none;
font-size:13px;
box-shadow:0 3px 6px rgba(0,0,0,0.2);
transition:0.3s;
}
.tag-btn:hover{
transform:scale(1.1);
}
</style>
<script>
function generate(){
var item = document.getElementById("item").value.toLowerCase();
var kota = document.getElementById("kota").value.toLowerCase();
var area = document.getElementById("area").value.toLowerCase().split(",");
var base = [
"servis "+item+" "+kota,
"service "+item+" "+kota,
"jasa servis "+item+" "+kota,
"perbaikan "+item+" "+kota,
"teknisi "+item+" "+kota,
"servis "+item+" murah",
"servis "+item+" terdekat",
"servis "+item+" panggilan",
"servis "+item+" cepat",
"servis "+item+" bergaransi",
"service "+item+" terbaik",
"jasa "+item+" terpercaya",
"servis "+item+" profesional",
"service "+item+" murah "+kota,
"servis "+item+" semua merk"
];
// tambah area
for(var i=0;i<area.length;i++){
if(area[i].trim() != ""){
base.push("servis "+item+" "+area[i].trim());
base.push("service "+item+" "+area[i].trim());
}
}
// batasi max 30
base = base.slice(0,30);
// LABEL
document.getElementById("hasil").value = base.join(",");
// LINK
var linkHTML = "";
var tombolHTML = "";
for(var i=0;i<base.length;i++){
var url = base[i].replace(/ /g,"+");
linkHTML += '<a href="/search?q='+url+'">'+base[i]+'</a>\n';
tombolHTML += '<a class="tag-btn" href="/search?q='+url+'">'+base[i]+'</a>\n';
}
document.getElementById("link").value = linkHTML;
document.getElementById("tombol").value = tombolHTML;
}
function copyAll(){
var text = document.getElementById("hasil").value + "\n\n" +
document.getElementById("link").value + "\n\n" +
document.getElementById("tombol").value;
navigator.clipboard.writeText(text);
alert("Berhasil di copy!");
}
</script>
No comments:
Post a Comment