尝试创建一个 google 脚本来为新站点生成一个浮动按钮

Question

我正在尝试创建一个指向慈善网站的浮动按钮，以鼓励人们 'donate'。这个想法是，当您向下滚动时，该按钮始终在所有页面上保持可见。我已经使用 w3schools 工具创建了一个按钮，但无法在新 Google 站点（这是该站点的内置内容）上运行。如果我嵌入它，它会将按钮放在 iFrame 中，而不是放在主站点上。我希望创建一个 google 脚本可以让我添加它，但不知道从哪里开始将当前代码转换为 google 脚本。非常感谢收到任何建议！

<!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>

Answer 1

目前可以将 Google Apps 脚本网络应用程序嵌入到新的 Google 协作平台网页中，但仅此而已。

换句话说，您正在尝试做的事情无法在新的 Google 站点上完成。

尝试创建一个 google 脚本来为新站点生成一个浮动按钮

Trying to create a google script to generate a floating button for New Sites

google-apps-script

google-sites-2016