Googleのウェブサイトでボールをマウス・ポインタに従わせるには、JavaScriptとHTMLを使います。以下にコード例を示します：
``` 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Ball Following Mouse</title>
    <style>
      #ball {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: red;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="ball"></div>
    <script>
      var ball = document.getElementById("ball");
      document.addEventListener("mousemove", function(event) {
        var x = event.clientX;
        var y = event.clientY;
        ball.style.left = (x - 25) + "px";
        ball.style.top = (y - 25) + "px";
      });
    </script>
  </body>
</html>
```
このコードでは、直径50ピクセルの赤いボールを作成し、その位置を絶対位置に設定しています。そして、マウスの動きに反応するイベント・リスナーをドキュメントに追加します。マウスが動くと、イベント・リスナーはマウス・ポインターのXとY座標を取得し、その座標からボールの直径の半分を引いた値をボールの位置に設定します（ボールをポインターの中心に置くため）。
To make a ball follow the mouse pointer in a Google website, you can use JavaScript and HTML. Here's an example code:
``` 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Ball Following Mouse</title>
    <style>
      #ball {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: red;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="ball"></div>
    <script>
      var ball = document.getElementById("ball");
      document.addEventListener("mousemove", function(event) {
        var x = event.clientX;
        var y = event.clientY;
        ball.style.left = (x - 25) + "px";
        ball.style.top = (y - 25) + "px";
      });
    </script>
  </body>
</html>
``` 
This code creates a red ball with a diameter of 50 pixels and sets its position to absolute. Then, it adds an event listener to the document that listens for mouse movements. When the mouse moves, the event listener gets the X and Y coordinates of the mouse pointer and sets the position of the ball to those coordinates minus half of the ball's diameter (to center the ball on the pointer).