サイトに直接コードを埋め込みする方法
DataPushのスクリプトコードをWebサイトに直接埋め込む方法を説明します。HTMLファイルへの直接追加から、各種CMSでの設定まで、様々な環境での導入方法をカバーします。
手順1: DataPush管理画面での設定
- DataPush管理画面にログイン
- 「プロフィール/設定」→「サイト・埋め込みコード管理」を選択
- 「埋め込みコード」のテキストをコピーする
手順2: 基本的な埋め込み方法
HTMLファイルへの直接埋め込み
推奨配置場所: </head>タグ直前
html<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>あなたのサイト</title>
<!-- その他のhead要素 -->
<!-- DataPush 埋め込みコード -->
ここにコピーしたコードを貼り付ける
</head>
<body>
<!-- サイトコンテンツ -->
</body>
</html>
CMS別設定方法
WordPress
方法1: テーマファイルの編集
- 管理画面→外観→テーマエディター
- header.phpを選択
</head>タグの直前にコードを追加
<?php wp_head(); ?>
<!-- DataPush 埋め込みコード -->
ここにコピーしたコードを貼り付けるここに方法2: プラグイン使用
Insert Headers and Footersプラグインを使用:
- プラグインをインストール・有効化
- 設定→Insert Headers and Footers
- Scripts in HeaderにDataPushコードを貼り付け
方法3: functions.phpへの追加
php// functions.php に追加
function add_datapush_script() {
if (!is_admin()) {
?>
ここにコピーしたコードを貼り付ける
<?php
}
}
add_action('wp_head', 'add_datapush_script');
Shopify
テーマファイルの編集
- 管理画面→オンラインストア→テーマ
- アクション→コードを編集
- layout/theme.liquidを選択
</head>タグ直前にコードを追加
liquid<!-- DataPush 埋め込みコード -->
ここにコピーしたコードを貼り付ける
</head>
Wix
HTML埋め込み機能を使用
- エディタで「+追加」をクリック
- 埋め込みコード→HTML埋め込みを選択
- コードを追加をクリック
- DataPushコードを貼り付け
- 適用をクリック