Seki – An Embeddable Go Player

Add the following to the <head> of your site:

<link rel="stylesheet" type="text/css" media="screen" href="https://sekigoplayer.com/css/seki.css">
<script type="module" src="https://sekigoplayer.com/js/seki.js" crossorigin></script>

Create elements with the seki-board-static class for static boards:

<div
  class="seki-board-static"
  data-game="(;
    FF[4]
    CA[UTF-8]
    AP[Seki v1.3.17]
    GM[1]
    XL[2]
    XR[0]
    XT[3]
    XB[0]
    KM[0]
    HA[0]
    TM[0]
    ST[2]
    SZ[9]
    PB[Black]
    PW[White]
    ;AB[fh][gg][fg][hf][ge][dg]AW[gh][hg][hi][ih]
  )"
  data-config="{
    'showCoordinates': false,
    'showStarPoints': false
  }"
></div>

Or with the seki-board-dynamic class for dynamic boards:

<div
  class="seki-board-dynamic fixed-size square"
  data-config="{
    'showCoordinates': false,
    'board': {
      'size': 9
    }
  }"
></div>

For a full player, use the seki-player class:

<div
  class="seki-player"
  data-game-url="https://online-go.com/game/57818013"
  data-config="{
    'showCoordinates': true,
    'showLastMoveNumber': true
  }"
></div>

See the various examples for more details.