技術情報

Matomo javascriptのタイトルを使ってカスタムページタイトルを設定するには?

Matomo 内で生成されるレポートでは、ページタイトルが非常に長く、不明瞭な場合があります。これは、ユーザが特定のページの訪問者の行動を理解し、分析することができないため、レポートを読むのに困難を引き起こす可能性があります。そこで、この課題を克服するために、Matomoにはカスタムページタイトルを設定する機能があります。カスタムページタイトルは、レポートの「行動」>「ページタイトル」でページを簡単に識別するのに役立ちます。ページビューを追跡する前に、Matomoが使用するページタイトルを設定する必要があります。以下の例では、ページビューを追跡する前にドキュメントタイトルを設定するために、trackPageview JavaScript関数をインクルードしています。trackPageView’を追加する必要はありません。

デフォルトでは、Matomo はページのタイトルを追跡するために HTML ページのタイトルを使用します。そのため、関数 setDocumentTitle を使用することで、簡単にカスタマイズすることができます:

_paq.push(['setDocumentTitle', document.title]);

_paq.push(['trackPageView']);

手動でページタイトルを設定することができます。これは1つのページにカスタムページタイトルを設定したい場合に便利です。例えばこちらです。

_paq.push(['setDocumentTitle', "My Custom Title"]);

_paq.push(['trackPageView']);

同じウェブサイト上で複数のサブドメインを追跡する場合、各サブドメインのトラフィックやデータを簡単に確認できるように、ページタイトルの前にサブドメインを付けたい場合があります。そのためには、以下の変更を加えてください:

_paq.push(['setDocumentTitle', document.domain + "/" + document.title]);

_paq.push(['trackPageView']);

上級者は、例えばPHPを使ってページ名を動的に生成することもできます:

_paq.push(['setDocumentTitle',"<?php echo $myPageTitle ?>"]);

_paq.push(['trackPageView']);

カスタムURLも同様にMatomo javascript トラッカー.を使って設定することが出来ます。