Selamü aleyküm herkese kolay gelsin benim bir web sitem var ve bu siteme GTM ile iki ikon eklemek istiyorum. ChatGPT aracılığı ile oluşturduğum kodu W3C Platformunda test ettiğimde herhangi bir sorun yok ancak GTM'de 'Geçersiz HTML CSS veya Javascript Bulundu' hatası alıyorum, kodu aşağıya bırakıyorum;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Combined HTML</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:40px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:9px;
}
.shopier-icon{
position:fixed;
width:60px;
height:40px;
bottom:130px;
right:40px;
border-radius:10px;
text-align:center;
font-size:30px;
z-index:100;
}
</style>
</head>
<body>
<!-- WhatsApp Icon -->
<a href="Поділитися у WhatsApp numarası)&text=Merhabalar" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<!-- Shopier Icon -->
<a href="(Shopier Linki)" class="shopier-icon" target="_blank">
<svg xmlns="SVG namespace" xmlns:xlink="XLink namespace" width="60" zoomAndPan="magnify" viewBox="0 0 75 74.999997" height="60" preserveAspectRatio="xMidYMid meet">
<defs>
<g/>
<clipPath id="ShopierIconTwo">
<path d="M 0.339844 0 L 74.660156 0 L 74.660156 74.316406 L 0.339844 74.316406 Z M 0.339844 0 " clip-rule="nonzero"/>
</clipPath>
<clipPath id="ShopierIconOne">
<path d="M 37.5 0 C 16.976562 0 0.339844 16.636719 0.339844 37.160156 C 0.339844 57.679688 16.976562 74.316406 37.5 74.316406 C 58.023438 74.316406 74.660156 57.679688 74.660156 37.160156 C 74.660156 16.636719 58.023438 0 37.5 0 Z M 37.5 0 " clip-rule="nonzero"/>
</clipPath>
</defs>
<g clip-path="url(#ShopierIconTwo)">
<g clip-path="url(#ShopierIconOne)">
<path fill="rgba(102, 2, 255, 0.5)" d="M 0.339844 0 L 74.660156 0 L 74.660156 74.316406 L 0.339844 74.316406 Z M 0.339844 0 " fill-opacity="1" fill-rule="nonzero"/>
</g>
</g>
<g fill="#12f8c4" fill-opacity="1">
<g transform="translate(18.524449, 53.888405)">
<g>
<path d="M 19.078125 -36.796875 C 23.703125 -36.796875 27.503906 -35.859375 30.484375 -33.984375 C 33.460938 -32.109375 34.988281 -29.332031 35.0625 -25.65625 L 35.0625 -25.015625 L 24.171875 -25.015625 L 24.171875 -25.234375 C 24.171875 -26.285156 23.785156 -27.160156 23.015625 -27.859375 C 22.242188 -28.554688 21.070312 -28.90625 19.5 -28.90625 C 17.957031 -28.90625 16.773438 -28.675781 15.953125 -28.21875 C 15.128906 -27.769531 14.71875 -27.210938 14.71875 -26.546875 C 14.71875 -25.597656 15.273438 -24.894531 16.390625 -24.4375 C 17.515625 -23.988281 19.320312 -23.515625 21.8125 -23.015625 C 24.71875 -22.421875 27.109375 -21.800781 28.984375 -21.15625 C 30.859375 -20.507812 32.492188 -19.445312 33.890625 -17.96875 C 35.296875 -16.5 36.019531 -14.503906 36.0625 -11.984375 C 36.0625 -7.710938 34.613281 -4.539062 31.71875 -2.46875 C 28.832031 -0.40625 24.96875 0.625 20.125 0.625 C 14.488281 0.625 10.101562 -0.316406 6.96875 -2.203125 C 3.832031 -4.097656 2.265625 -7.445312 2.265625 -12.25 L 13.25 -12.25 C 13.25 -10.425781 13.71875 -9.207031 14.65625 -8.59375 C 15.601562 -7.976562 17.078125 -7.671875 19.078125 -7.671875 C 20.546875 -7.671875 21.757812 -7.828125 22.71875 -8.140625 C 23.6875 -8.460938 24.171875 -9.113281 24.171875 -10.09375 C 24.171875 -10.96875 23.632812 -11.625 22.5625 -12.0625 C 21.5 -12.5 19.757812 -12.960938 17.34375 -13.453125 C 14.40625 -14.085938 11.972656 -14.742188 10.046875 -15.421875 C 8.117188 -16.109375 6.4375 -17.238281 5 -18.8125 C 3.5625 -20.394531 2.84375 -22.535156 2.84375 -25.234375 C 2.84375 -29.191406 4.375 -32.109375 7.4375 -33.984375 C 10.5 -35.859375 14.378906 -36.796875 19.078125 -36.796875 Z M 19.078125 -36.796875 "/>
</g>
</g>
</g>
</svg>
</a>
</body>
</html>
Sorunun ne olduğu hakkında yardım edebilir misiniz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Combined HTML</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:40px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:9px;
}
.shopier-icon{
position:fixed;
width:60px;
height:40px;
bottom:130px;
right:40px;
border-radius:10px;
text-align:center;
font-size:30px;
z-index:100;
}
</style>
</head>
<body>
<!-- WhatsApp Icon -->
<a href="Поділитися у WhatsApp numarası)&text=Merhabalar" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<!-- Shopier Icon -->
<a href="(Shopier Linki)" class="shopier-icon" target="_blank">
<svg xmlns="SVG namespace" xmlns:xlink="XLink namespace" width="60" zoomAndPan="magnify" viewBox="0 0 75 74.999997" height="60" preserveAspectRatio="xMidYMid meet">
<defs>
<g/>
<clipPath id="ShopierIconTwo">
<path d="M 0.339844 0 L 74.660156 0 L 74.660156 74.316406 L 0.339844 74.316406 Z M 0.339844 0 " clip-rule="nonzero"/>
</clipPath>
<clipPath id="ShopierIconOne">
<path d="M 37.5 0 C 16.976562 0 0.339844 16.636719 0.339844 37.160156 C 0.339844 57.679688 16.976562 74.316406 37.5 74.316406 C 58.023438 74.316406 74.660156 57.679688 74.660156 37.160156 C 74.660156 16.636719 58.023438 0 37.5 0 Z M 37.5 0 " clip-rule="nonzero"/>
</clipPath>
</defs>
<g clip-path="url(#ShopierIconTwo)">
<g clip-path="url(#ShopierIconOne)">
<path fill="rgba(102, 2, 255, 0.5)" d="M 0.339844 0 L 74.660156 0 L 74.660156 74.316406 L 0.339844 74.316406 Z M 0.339844 0 " fill-opacity="1" fill-rule="nonzero"/>
</g>
</g>
<g fill="#12f8c4" fill-opacity="1">
<g transform="translate(18.524449, 53.888405)">
<g>
<path d="M 19.078125 -36.796875 C 23.703125 -36.796875 27.503906 -35.859375 30.484375 -33.984375 C 33.460938 -32.109375 34.988281 -29.332031 35.0625 -25.65625 L 35.0625 -25.015625 L 24.171875 -25.015625 L 24.171875 -25.234375 C 24.171875 -26.285156 23.785156 -27.160156 23.015625 -27.859375 C 22.242188 -28.554688 21.070312 -28.90625 19.5 -28.90625 C 17.957031 -28.90625 16.773438 -28.675781 15.953125 -28.21875 C 15.128906 -27.769531 14.71875 -27.210938 14.71875 -26.546875 C 14.71875 -25.597656 15.273438 -24.894531 16.390625 -24.4375 C 17.515625 -23.988281 19.320312 -23.515625 21.8125 -23.015625 C 24.71875 -22.421875 27.109375 -21.800781 28.984375 -21.15625 C 30.859375 -20.507812 32.492188 -19.445312 33.890625 -17.96875 C 35.296875 -16.5 36.019531 -14.503906 36.0625 -11.984375 C 36.0625 -7.710938 34.613281 -4.539062 31.71875 -2.46875 C 28.832031 -0.40625 24.96875 0.625 20.125 0.625 C 14.488281 0.625 10.101562 -0.316406 6.96875 -2.203125 C 3.832031 -4.097656 2.265625 -7.445312 2.265625 -12.25 L 13.25 -12.25 C 13.25 -10.425781 13.71875 -9.207031 14.65625 -8.59375 C 15.601562 -7.976562 17.078125 -7.671875 19.078125 -7.671875 C 20.546875 -7.671875 21.757812 -7.828125 22.71875 -8.140625 C 23.6875 -8.460938 24.171875 -9.113281 24.171875 -10.09375 C 24.171875 -10.96875 23.632812 -11.625 22.5625 -12.0625 C 21.5 -12.5 19.757812 -12.960938 17.34375 -13.453125 C 14.40625 -14.085938 11.972656 -14.742188 10.046875 -15.421875 C 8.117188 -16.109375 6.4375 -17.238281 5 -18.8125 C 3.5625 -20.394531 2.84375 -22.535156 2.84375 -25.234375 C 2.84375 -29.191406 4.375 -32.109375 7.4375 -33.984375 C 10.5 -35.859375 14.378906 -36.796875 19.078125 -36.796875 Z M 19.078125 -36.796875 "/>
</g>
</g>
</g>
</svg>
</a>
</body>
</html>
Sorunun ne olduğu hakkında yardım edebilir misiniz
