我正试图为慈善网站创建一个浮动按钮，鼓励人们"捐款"。这个想法是，当你向下滚动时，按钮在所有页面上始终可见。我已经创建了一个使用w3schools工具工作的按钮，但无法在新的谷歌网站上工作(这就是该网站的内置部分(。如果我嵌入它，它会将按钮放在iFrame中，而不是放在主站点上。我希望创建一个谷歌脚本可以让我添加它，但不知道从哪里开始将当前代码转换为谷歌脚本。非常感谢收到任何建议！
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #660000;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #660066;
}
</style>
</head>
<body>
<button onclick="topFunction()" id="myBtn" title="Donate">Donate</button>
<div style="background-color:lightgrey;padding:30px 30px 2500px">Wibble.</div>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
mybutton.style.display = "block";
// When the user scrolls down 20px from the top of the document, show the button
//window.onscroll = function() {scrollFunction()};
//function scrollFunction() {
// if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
// mybutton.style.display = "block";
// } else {
// mybutton.style.display = "block";
// }
//}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
window.open("https: TARGET DONATION SITE");
}
</script>
</body>
</html>
此时，可以将Google Apps Script web应用程序嵌入到新的Google Sites网页中，但仅此而已。
换句话说，你想做的事情，不能在新的谷歌网站上完成。