ナビゲーションバー設定ガイド

Umamiの設定項目は、src/config.tsファイル内のprofileConfigオブジェクトにあります。これらは、ソーシャル情報カードの下にウェブサイトの総訪問数を表示し、記事内に記事の訪問数を表示します。

設定項目の詳細

export const profileConfig: ProfileConfig = {
	avatar: "assets/images/avatar.jpg", // /srcディレクトリからの相対パス。'/'で始まる場合、/publicディレクトリからの相対パス
	name: "Mizuki",
	bio: "これは説明です",
	links: [
		{
			name: "Bilibli",
			icon: "fa6-brands:bilibili",
			url: "https://space.bilibili.com/701864046",
		},
		{
			name: "Gitee",
			icon: "mdi:git",
			url: "https://gitee.com/matsuzakayuki",
		},
		{
			name: "GitHub",
			icon: "fa6-brands:github",
			url: "https://github.com/matsuzaka-yuki",
		},
	],
	// Umamiアナリティクスセクション。Umamiの<script>をsrc/layouts/MainGridLayout.astroに挿入することを忘れないでください
	umami: {
		enable: true, // Umamiアナリティクスを有効にするかどうか
		shareId: "", // 共有URLの末尾の文字列を記入します。例: https://eu.umami.is/api/share/2dKQ5T0WrUn6AYtrの場合、2dKQ5T0WrUn6AYtrを記入します
		region: "", // Umamiには2つのリージョンがあります。必要に応じて選択してください。例: https://eu.umami.isの場合、euを記入します
	},
};

Umamiを登録してウェブサイトを追加する

Umami公式サイトにアクセスしてアカウントを登録し、アナリティクスノードリージョンを選択します。次に、Websitesでウェブサイトを追加し、ウェブサイトの横にある編集をクリックして、上部にあるShareURLを見つけてスイッチをオンにすると、以下の内容が表示されます。

https://cloud.umami.is/share/a-string-of-alphanumeric-characters/your-website-domain

ベストプラクティス

• Umamiの有効化: ウェブサイトのトラフィックを追跡するためにUmamiアナリティクスを有効にします。
• 正確なshareIdとregion: Umamiの共有URLから正確なshareIdとregionを設定します。
• スクリプトの挿入: src/layouts/MainGridLayout.astroにUmamiのスクリプトを挿入することを忘れないでください。

よくある質問

• Q: Umamiアナリティクスが機能しない。
  • A: umami.enableがtrueに設定されているか、shareIdとregionが正しく設定されているか確認してください。また、src/layouts/MainGridLayout.astroにUmamiのスクリプトが挿入されているか確認してください。
• Q: 訪問数が表示されない。
  • A: Umamiの設定が正しく、データが収集されているか確認してください。また、profileConfigオブジェクトが正しく設定されているか確認してください。