ターゲットするエレメントを指定する

自分メモシリーズ

画面上に複数同じ属性値をエレメントがあった場合、Pendoは最初に見つかったエレメントに対してガイドをターゲットします。

指定の場所にガイドを出すには、Code blockを使って表示場所を書き換える必要があります。

//要素を取得する
const elements = document.querySelectorAll('#likebtn');
//例：最後のエレメントを探す
const lastElement = elements.length - 1
//ガイドのターゲットを書き換える
pendo.getActiveGuide().step.element = elements[lastElement]

追記：
step1で最後のエレメントにカスタム属性等を追加し、step2でそのカスタムにターゲットする手法

//step 1
//element郡を取得
const elements = document.querySelectorAll('#likebtn');
const lastElement = elements.length - 1
//最後のエレメントにカスタム属性を追加
elements[lastElement].setAttribute('lastman','yes')
//ガイドを進める
pendo.onGuideAdvanced()

step2のガイドターゲットを[lastman='yes']に指定

こうすることで、stepターゲットの上書きをしなくても良くなる。