Navi+にウォークスルーを追加

TourGuideJSのようなライブラリを使用する必要があります。これは、ウェブサイトに埋め込むことができるJavaScriptライブラリで、属性形式を通じてステップバイステップのウォークスルーガイドを追加するためのものです。例えば、<div data-tg-tour="<span>My first tour</span>"> … </div>。完全に無料です。以下の指示に従って、Navi+メニュー全体または個々のメニュー項目にウォークスルーを追加してください。

<!-- Navi+ insert Tour Guide library --->
<script src="https://unpkg.com/@sjmc11/tourguidejs/dist/tour.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://unpkg.com/@sjmc11/tourguidejs/dist/css/tour.min.css">
 
<script>
  setTimeout(function() {
      const tg = new tourguide.TourGuideClient();
      tg.start();        
  }, 2000);
</script>
<!-- Navi+ insert Tour Guide library --->