ツールチップ施策のcssが反映されない

マウスオーバーでツールチップを表示し効果的なご案内をのテンプレを利用しているのですがサイトで確認したところうまく反映されていないようです。検証ツールでみたところ以下のエラーが出ておりました。なにか解決策はないでしょうか?

記載したcssセレクタ

  1. div < .job-block-right

テキスト

  1. 求人のストックはこちらから

    Uncaught TypeError: Cannot read property ‘1’ of null`
    at eval (eval at (eval at o (tracker.js:1)), :44:37)
    at Array.forEach ()
    at parseDatas (eval at (eval at o (tracker.js:1)), :43:34)
    at init (eval at (eval at o (tracker.js:1)), :19:22)
    at eval (eval at (eval at o (tracker.js:1)), :63:25)
    at HTMLScriptElement.tag.onload.tag.onreadystatechange (eval at (eval at o (tracker.js:1)), :77:17)

エラーを拝見する限り、ツールチップが表示されないことと関係はなさそうです。

  • 接客が配信されているのかどうかをアクションビューアーでたしかめる
  • CSSセレクタを見直す
  • 同ページの別の要素に配信してみて確認する

あたりの確認を行って、問題を切り分けることをおすすめしたいです!

ご返信ありがとうございます!

  • CSSセレクタを見直す
  • 同ページの別の要素に配信してみて確認する
    この2つに関してはすでに試しておりましたが問題は解決しませんでした。
    アクションビュアーについては試してみたところ

ログイン状態
未ログイン
Chrome 80のアップデートで、ログイン状態がチェックできない事象が発生しています。回避方法についてはこちらをご覧ください。

この表示が出てきてこちらのサイトのsamesitebycookiesと広告ブロック用のchrome拡張機能について試してみましたがどちらも効果なしです。再起動もしました。
そのほかに別タブでkarteをログインんしているのに未ログイン状態になる問題を解決する方法はございますか?

この接客とは関係ないかもしれませんが、何か破壊的なScriptが配信されていて
KARTEの接客の動作が全体的に止まってしまっている可能性を考えました

該当の接客もそうですが、接客サービスを配信したり止めたりして、アクションビューアーが動作するかどうかを
確かめてみてください。

CSSセレクタの子要素を示す > の向きが、記載だと逆向きになっているようですが、関係ありませんでしょうか。

逆向きに変更しても変わらずです、、、

そうでしたか・・・
あと、考えられるのは、classで指定されているので、もし重複するclassがあると正常に動かないのでは?というところですね。

その検証のためには、classではなく一意なidが振られている要素や、もしくはHTML内に1つしかない要素(h1とか)を指定して動くかどうか試してみるのがよいのではないでしょうか。

ご返信ありがとうございます!
一意なidで指定しても変わらずでした、、、
h1も同様です。

そうすると、セレクタの問題ではないので、

・接客の要素が配信されていない
・使っているスクリプトがサイトのスクリプトと干渉している

のいずれかかと思います。

接客の要素が配信されているか確認するためには、アクションビューワーが使えないようですので、
developer tool のelementからctrl+f で「求人のストックはこちらから」など、追加した要素に該当するものを検索してみてください。

それで、要素がヒットしないなら、KARTEの指定が間違っていて(トリガー・同時配信の優先度など)配信されていない。
要素がヒットするなら、何かしらのスクリプトの干渉で出ていない、という風に問題が切り分けられるかと思います。