ECCUBEの注文完了画面注文番号と商品情報を編集するCRITEO（クリテオ）タグを編集

2016/10/08

ECCUBEの注文完了画面注文番号にCRITEO（クリテオ）タグを編集

ECCUBEの完了画面に注文情報や商品情報を編集する

　
ECCUBEにCRITEO（クリテオ）のタグを編集する機会がありました。
　
商品一覧ページ、商品詳細ページなどはテンプレートファイルの中だけの処理だけで対応が可能だったのですが、完了ページにコンバージョンのタグを編集する方法は少しカスタマイズが必要になりましたので、それを記載しておきます。
　
今回の対応は、ECCUBE 2.12と 2.13で確認をしました。
　
　
ECCUBEの完了画面には、注文番号や商品情報など注文をした情報を引き継ぎません。
そのため、テンプレートファイルだけの対応では想定しているタグを編集することはできませんので、完了画面に遷移する前に、表示する情報（注文情報と、購入した商品の商品ID、単価、数量）を取得し、完了画面に渡す必要があります。
　
そのためにプログラムの変更が必要になります。
　
　

プログラムの改修・LC_Page_Shopping_Complete_Ex.php

　
変更するプログラムの対象は、下記になります。
　/data/class_extends/page_extends/shopping/LC_Page_Shopping_Complete_Ex.php
　
下記の内容をコピペして追加します。
追加する場所は、一番最後で問題ありません。

public function action() {
    $this->arrInfo = SC_Helper_DB_Ex::sfGetBasisData();

    // 注文情報を取得
    $objPurchase = new SC_Helper_Purchase();
    $arrOrder = $objPurchase->getOrder ( $_SESSION['order_id'] );
    $arrOrderDetail = $objPurchase->getOrderDetail( $_SESSION['order_id'] );

    $itemArray = array();   // コンバージョンタグ用の商品リスト
    foreach ( $arrOrderDetail as $value ) {
        $itemArray[] = '{ id: "' . $value['product_code'] . '", price: ' . $value['price'] . ', quantity: ' . $value['quantity'] . ' }';
    }

    // 必要な値を完了画面に引き渡す
    $this->arrMyOrder = array(
        'order_id'  => $arrOrder['order_id'],          // 注文番号
        'item_list' => implode ( ",\n", $itemArray ),  // 商品情報
        );
}

public function action() {

$this->arrInfo = SC_Helper_DB_Ex::sfGetBasisData();

// 注文情報を取得

$objPurchase = new SC_Helper_Purchase();

$arrOrder = $objPurchase->getOrder ( $_SESSION['order_id'] );

$arrOrderDetail = $objPurchase->getOrderDetail( $_SESSION['order_id'] );

$itemArray = array(); // コンバージョンタグ用の商品リスト

foreach ( $arrOrderDetail as $value ) {

$itemArray[] = '{ id: "' . $value['product_code'] . '", price: ' . $value['price'] . ', quantity: ' . $value['quantity'] . ' }';

}

// 必要な値を完了画面に引き渡す

$this->arrMyOrder = array(

'order_id' => $arrOrder['order_id'], // 注文番号

'item_list' => implode ( ",\n", $itemArray ), // 商品情報

);

}

テンプレートファイルの改修・complete.tpl

　
完了画面のテンプレートファイルを変更します。
変更する対象となる完了画面のファイルは下記になります。
　/data/Smarty/templates/default/shopping/complete.tpl
　
下記の内容を適当な場所に追加します。
一番最後で問題ありません。

<!--  コンバージョンページタグ ---->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
window.criteo_q.push( 
        { event: "setAccount", account: ****** },
        { event: "setSiteType", type: "d" },
        { event: "trackTransaction" , id: "<!--{$arrMyOrder.order_id}-->",
            deduplication: 0, item: [ 
<!--{$arrMyOrder.item_list}-->
]});
</script>

window.criteo_q = window.criteo_q || [];

window.criteo_q.push(

{ event: "setAccount", account: ****** },

{ event: "setSiteType", type: "d" },

{ event: "trackTransaction" , id: "",

deduplication: 0, item: [

]});

</script>

　
　
プログラム側ですでに編集する値を処理していますので、テンプレート側では単純に受け取った値を編集するだけになっています。
　
クリテオでは、商品情報を 1商品 1行で編集する必要がありますので、改行コードも併せて編集しています。

- PHP・Smarty・ECCUBE

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです！

Message コメントをキャンセル

※入力いただいたコメントは管理者の承認後に掲載されます。

: ECCUBEでテンプレートファイルのファイルサイズは10MB以下のものを使用してくださいのエラーが出た場合

テンプレートをアップロードする際にファイルサイズが大きすぎてエラーが表示される際の対処方法解説。パラメータ設定で設定する制限について解説を行っています。

: ECCUBEの新規追加ページがInternal Server Error・Not Foundに

ECCUBEで新規追加したページがInternal Server Errorに！原因はファイルのパーミッションの場合が多くその対処方法とプログラムの修正ポイントを解説。Not Foundも解説。

: PHPのcURLでAPIやWebサイトへのアクセス方法。file_get_contentsとの比較

PHPからWebサイトにアクセスしてHTMLを取得、APIにアクセスして情報を取得する場合は、cURLがオススメ。file_get_contentsでも可能だがエラー制御に難がありトラブルのもとになる。

: PHPで特定の日間の日付を for、strtotimeで表示する

ある特定の間の日付の情報を for文、strtotimeを使って作成し、その解説をしています。

: GMOペイメントゲートウェイのjava.io.IOExceptionのエラー

ECCUBEの決済でGMOペイメントゲートウェイのモジュールを使ってテスト決済を行った場合の不具合、java.io.IOExceptionと言うエラーの原因と対策方法の解説です。

: フォルダを指定してファイルのパーミッションを変更するプログラム

フォームからフォルダ、パーミッションを指定しパーミッションを変更するサンプルプログラムの解説です。

: ECCUBE mtb_constants initパラメータ設定の項目を追加する方法

ECCUBEのパラメータ設定で設定できる項目を追加する方法を説明します。

: PHPのソースで見慣れない記号が出てきた・アロー演算子（->）、ダブルアロー演算子（=>）

PHPのプログラムソースには見慣れない記号が出てきます。その意味や調べ方です。

: ECCUBEでアップロードできない。upload_max_filesizeを設定する場所

テンプレートをアップロードする際に発生するエラー「テンプレートファイルがアップロードされていません」の対処方法。これはファイル容量の制限に引っかかっています。

: cURLを利用する際の注意点「&」があるURLは「”」で囲む

cURLでURLはダブルクォーテーションで囲む。LinuxでもWindowsでもコマンドでは「＆」は意味を持つ文字のためエラー原因になる。クォーテーションは常につけておく方が無難。

PREV: WP jQuery LightBoxでWordPressの画像を簡単に見やすくする方法解説
NEXT: Throws SPAM Awayでコメントスパム対策を完璧に。自動削除で運用の手間ゼロ

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

ECCUBEの注文完了画面注文番号と商品情報を編集するCRITEO（クリテオ）タグを編集

ECCUBEの注文完了画面注文番号にCRITEO（クリテオ）タグを編集

ECCUBEの完了画面に注文情報や商品情報を編集する

プログラムの改修・LC_Page_Shopping_Complete_Ex.php

テンプレートファイルの改修・complete.tpl

GoogleAdwords

GoogleAdwords

Message コメントをキャンセル

関連記事

ECCUBEでテンプレートファイルのファイルサイズは10MB以下のものを使用してくださいのエラーが出た場合

ECCUBEの新規追加ページがInternal Server Error・Not Foundに

PHPのcURLでAPIやWebサイトへのアクセス方法。file_get_contentsとの比較

PHPで特定の日間の日付を for、strtotimeで表示する

GMOペイメントゲートウェイのjava.io.IOExceptionのエラー

フォルダを指定してファイルのパーミッションを変更するプログラム

ECCUBE mtb_constants initパラメータ設定の項目を追加する方法

PHPのソースで見慣れない記号が出てきた・アロー演算子（->）、ダブルアロー演算子（=>）

ECCUBEでアップロードできない。upload_max_filesizeを設定する場所

cURLを利用する際の注意点「`&`」があるURLは「`”`」で囲む

WordPress投稿にPHPを記述するショートコードの使い方add_shortcode

コピーコンテンツ対策.htaccessで直リンク禁止しリダイレクトで対応

評価点投票プラグイン10個を比較！WordPressで口コミサイトを構築

BackWPupでバックアップ・リストア（復元）の具体的手順

コンパクトキーボード・KEK-EA9AU・FKB1420の魅力