AMP対応！バリューコマースのLinkSwitchを導入しました

LinkSwitch | ASPのバリューコマースアフィリエイト

バリューコマースのLinkSwitch機能を導入してみました。

記事に直接リンクを書くだけで、アフィエイトリンクに早変わりする便利な機能です。

サイトに掲載されているすべての直接リンクを、アフィリエイトリンクに自動で切り替える機能が『LinkSwitch（リンクスイッチ）』です

広告主と提携する

バリューコマースを登録後（無料で使えます）、掲載したい広告主が「LinkSwitch対応」しているか確認します。

もしくは、上にある「広告」→詳細検索→「LinkSwitch利用可能」にチェックを入れて検索することもできます。

プログラム右横にある「広告素材を選ぶ」をクリック。

「同意」をクリックして提携します。尚、瞬時に提携される広告主と、「提携待ち」となる広告主があります。

LinkSwitchコードを貼る

バリューコマース→ツール→「LinkSwitch」→「LinkSwitch設定」

コードが表示されます。

コードを<head>～</head>内に貼り付けます。LinkSwitch IDはご自身のIDに変更してください。

<script type="text/javascript" language="javascript">
var vc_pid = "「LinkSwitch ID」";
</script><script type="text/javascript" src="//aml.valuecommerce.com/vcdal.js" async></script>

WordPressテーマCocoonの場合は「header-insert.php」に貼り付けます。

外観
テーマの編集
子テーマ（Cocoon Child）
tmp-user
head-insert.php
<!–?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?–>の下に貼る

一見、何も変わっていないように見えますが、マウスカーソルを当てると画面の下の方にバリューコマースのURLが表示されています。

AMP対応のLinkSwitchタグを貼る

AMPに対応させたい場合は、別途AMP対応タグ（コード）を2つ貼り付けます。

1. <head>～</head>内に貼り付けるコード

<script async custom-element="amp-link-rewriter" src="https://cdn.ampproject.org/v0/amp-link-rewriter-0.1.js"></script>

2. <body>～</body>内に貼り付けるコード

LinkSwitch IDはご自身のIDに変更してください。

<amp-link-rewriter layout="nodisplay">
<script type="application/json">
{
"output": "https://lsr.valuecommerce.com/ard?p=${vc_pid}&u=${href}&vcptn=${vc_ptn}&s=SOURCE_URL&r=DOCUMENT_REFERRER",
"vars": { "vc_pid": "「LinkSwitch ID」", "vc_ptn": "ampls" }
}
</script>
</amp-link-rewriter>