FAQ Webページに配信するアクションで appendChild に関するエラーが発生する理由と対策

Kasumi Shimamoto

2023/09/21

この記事は基礎的なHTML/CSS/JavaScriptの知識が必要です

Webページにアクションを配信する際にCannot read properties of null (reading 'appendChild')
というようなエラーが出ている場合、計測タグの実行タイミングに問題がある可能性があります。

エラーの発生理由

KARTEでは接客を配信する際に HTML の body 要素に対して、KARTEのアクションを表示するために必要な要素をappendChildというメソッドを使って追加していますが、そのタイミングで HTML の body 要素が見つからない場合にエラーが発生します。

つまり、Webページ自体の描画タイミングよりKARTEの接客サービス配信のタイミングが先になってしまうことでエラーが発生している可能性が高いです。

計測タグが実行されるタイミングを遅くすることでエラーが解消される可能性があります。

たとえば計測タグを<head>内に直接設置している場合は、推奨している設置箇所である「</head>の直前」に設置することにより、エラーが解消されたケースがあります。
https://support.karte.io/post/7iEe2Icy4ggtnUVmyp6VNl#2-1