Embedding Groups in HTML Websites

To embed your group in your HTML website, follow these steps:

  • Create a page for your group. 
  • Next, copy the code given below and replace the part highlighted in yellow (FORUM-NAME) with the name of your group. For example, if the alias for your group is everydaymatters@googlegroups.com, you would replace FORUM-NAME with everydaymatters.
<html>
  <head>
    <script type="text/javascript">
      function adjust() {
        var width, height;
        if (document.all) {
          width = document.body.offsetWidth;
          height = document.body.offsetHeight;
        } else {
          width = window.innerWidth;
          height = window.innerHeight;
        }
        var forum_iframe = document.getElementById("forum_embed");
        forum_iframe.height = Math.max(height - 150, 300);
        forum_iframe.width = Math.max(width - 50, 800);
      }
      function init() {
        document.getElementById("forum_embed").src =
            "https://groups.google.com/forum/embed/?place=forum/FORUM-NAME" +
            "&showsearch=true&showpopout=true&parenturl=" +
            encodeURIComponent(window.location.href);
        adjust();
      }
      window.onresize = adjust;
    </script>
  </head>
  <body onload="init()">
     <h3>(site header here)</h3>
     <iframe id="forum_embed"
              src="javascript:void(0)"
              scrolling="no"
              frameborder="0">
      </iframe>
     <h3>(site footer here)</h3>
  </body>
</html>

  • Replace the parts highlighted in orange with text you would like to display in the header and footer (title of the group, link back to the main website, etc.)
  • Paste the code in the source code of your webpage. 
  • That's it! Upload the webpage via your HTML editor/FTP and you should be able to access your group right away.