ALPH アフィリエイトHTMLタグ生成 | Software | AmpiTa Project

開発時期:2022年

開発者:AmpiTa Project

開発言語:C#言語(Visual Studio 2022)




背景・概要

 COVID-19の流行拡大を受けてウェブの在り方にも大きな変化があった2020年にWordpressを導入し、アフィリエイトのバナー制作のプラグインも導入しました。

 その入力にはタグが必要でしたので、それをスマート化するソフトを開発したのも2020年でした。

リンク入力に並行してプレビューも表示
リンク入力に並行してプレビューも表示


 2022年になり、このプラグインに課題が生じました。アップデートされない問題と、使用中のWordpressテーマでは検証されていないということです。

WordPressのエラー表示

 一念発起し創出したのが本ソフトウェア『ALPH』です。

 ALPHは『Affiliate Link to Paste for HTML tags.』から付いた名称で『HTMLタグに貼り付けるアフィリエイトリンク』といった意味。

 プラグインは使わず、一般的なHTMLタグだけでアフィリエイトリンクのバナーを作ろうと企画したのが ALPH です。




背景・概要
アフィリエイトとは
自動広告と指向広告
アフィリエイト活動を始める
 ├ Google AdSense
 ├ 通販サイトアフィリエイト
  ├ 楽天アフィリエイト
  ├ Amazonアソシエイト
  ├ 報酬の受け取り
自動化(ALPHの機能)
カラム対応機能追加
無償提供中
サンプル(HTMLタグ)
おわりに




アフィリエイトとは

 アフィリエイトを簡単に言うと広告収入みたいないものですが、広告主になる訳ではありません。

 広告を掲載するメディアのような役割を果たし、その広告を経由して客を誘導し、購買につなげることで紹介料が発生する仕組みになっています。

 これは、購買を決意する過程と密接に関わりがあります。

 わかりやすいところで言えばファッション誌ですが、ファッション誌に載っているモデルさんの着こなしを見て、同じ物が欲しいと思って買い物に行きます。
 それがネットの中であれば、画像を見た時に同じ商品とのリンクが張ってあれば、そこをクリックしてすぐに注文します。
 このリンクは、昔は親切心で設置されているにすぎなかったのですが、今では売上への貢献ということで謝礼が支払われます。それがアフィリエイトです。

【参考】消費者庁:アフィリエイト広告をめぐる現状と論点




自動広告と指向広告

 アフィリエイトが発生する広告やリンクには、自動的に掲示されるものと、管理者が自ら指定して表示させるものに大別されます。

 自動広告は、広告提供会社が何らかのアルゴリズムで選択した広告を表示します。近年、クッキーの在り方について議論が交わされるようになったので、自動広告の在り方も変化しています。

 ALPHが関係する広告は後者の指向性がある広告です。

 ブログなどの記事に合わせて載せる商品を変えることで、ターゲットとなる方々によりクリックしてもらいやすい広告を掲載することができます。

 この広告掲載時に使うプラグインの代わりに、HTMLでも掲載できるのではないかと考えてALPHを開発しました。




アフィリエイト活動を始める

 アフィリエイト活動を始めるには、アフィリエイトの契約が必要です。

 種類は大きく2つあり、Google AdSenseのように、自身のウェブサイト内に枠だけ用意して、そこに表示される広告はGoogleに任せるという自動広告です。

 もう1つはALPHで対象としている商品等を指定して表示する広告です。指定できるので、ブログなどの記事に合った商品を表示でき、閲覧者がスムースに通販サイトへ移動することができます。




Google AdSense

 Googleが提供するサービスです。

 Wordpressを利用している人であればプラグイン『Site Kit by Google』を導入するとスムースに利用開始できます。

 Googleのアカウントを持っていればすぐにでも始められます。Google AdSenseのポータルサイトへアクセスし利用開始ボタンを押すとウィザードが始まります。リンクを貼り付けるURLなどを登録すればサービスが始まります。


 Google AdSenseでは日々の集計結果を様々な形で表示してくれます。
 単に何円の広告料が入りますということではなく、どこの国からのアクセスであったなどが可視化されます。

【参考】Site Kit by Google

【参考】Google AdSense




通販サイトアフィリエイト

 商品を指定してアフィリエイト活動する場合には、よく使われる通販サイトを選ぶか、対象としたい商品を扱っている通販サイトを選ぶことになると思います。

 雑貨や家電であればAmazonや楽天市場がユーザー数が多いと思いますが、ファッションや音楽などは専門通販サイトが良いかもしれません。

 Amazonのアフィリエイトを始めるためには登録と審査が必要です。まずはAmazonアソシエイトのサイトにアクセスして登録するところから始まります。

【参考】Amazonアソシエイト




楽天アフィリエイト

 楽天アフィリエイトは楽天市場で使う分にはAmazonとの大差はないかもしれませんが、楽天のサービスが広範であることから拡張性があります。

 例えば、楽天トラベルのアフィリエイトリンクを作れば、旅行の紹介にも使えます。

【参考】楽天アフィリエイト




Amazonアソシエイト

 Amazonの審査に通りアマゾンアソシエイトになると、下図のようにAmazonの通販サイトの上方に『Amazonアソシエイトツールバー』が表示されるようになります。


 このツールバーの便利なところは、簡単にアフィリエイトリンクを作る事ができる点です。
 『テキスト』は単にリンクが表示されるだけで、自身でタイプしたテキストや画像にリンクURLを貼り付けて使います。
 『画像』はリンクが埋め込まれた画像のHTML文章が表示されます。そのままコピーしてHTML文章として貼り付ければ画像が表示され、そこにはリンクも自動的に付加されます。
 『テキストと画像』はいかにも通販サイトへリンクするという感じのHTML文章が表示されます。画像、商品名、価格が表示されるので訴求性は高いと思います。

テキスト
画像
テキストと画像

 上記のHTML文章を貼り付けると下図のようになります。

https://amzn.to/3FuVkN1

※.テキストデータ


 Amazonアソシエイトの良い点は、注文された商品の詳細なリストが手に入ることです。
 前述の事例ではHDMIケーブルで送られたカメラ等の画像をパソコンに取り込むためのキャプチャデバイスですが、当方のサイト経由で何個売れたか確認することができます。
 それだけではなく、リンクを用意していないものも売り上げとして計上されるので、上手く分析すれば訴求性の高い製品を見つけ出すことができると思います。
 ある日の売上をみるとモンスターハンター関係の商品がLANケーブルと共に買われたであろう様子が窺えます。

【参考】Amazonアソシエイト




報酬の受け取り

 アフィリエイトで成功した場合の報酬は現金かポイントで支払われます。

 楽天の場合『楽天カード』を作れば少額でも受け取れます。『楽天キャッシュ』で手数料なしで支払って貰えます。

 銀行振込の場合『楽天銀行』なら30円、他行は250円の手数料がかかります。なおかつ、事前審査もあります。おそらく、楽天キャッシュで支払われても使いきれないくらいアフィリエイト収入がある人に向いているサービスだと思います。


 Amazonの場合は、Amazonギフトカードの形で報酬が貰えるイメージです。1円単位で、毎月支払われます。


 メールでギフト券番号が送られてくるので、それをAmazonのアカウント情報と紐づける操作をするだけです。
 Amazonの買い物画面で『ギフトカードを登録する』だけです。

  1. Amazonのショッピング画面を開く
  2. 『アカウント&リスト』をクリックする
  3. 『Amazonギフトカード』をクリックする
  4. 『Amazonギフトカードを登録する』をクリックする
  5. 『ギフトカード(ギフト券)番号を入力してください』欄に番号を入力する
  6. 『アカウントに登録する』ボタンをクリックする
  7. 『¥*,***がお客様のギフトカードアカウントに追加されました』のメッセージが表示されて完了

【参考】楽天アフィリエイト:成果報酬のお支払いについて

【参考】Amazonアソシエイト:紹介料と支払いについて




自動化(ALPHの機能)

 HTMLタグに関する知識は不要です。自動的にタグを作ります。

 必要なのはキャッチーなタイトルと、わかりやすい説明文です。

 あとは、広告主が提供するリンクをコピペすれば完成です。

  1. メインで表示する画像、もしくは画像+テキストのURLを入手しコピー&ペースト
  2. タイトルを入力(一行)
  3. 説明文を入力(複数行可)
  4. リンクボタンのURLを入力
  5. リンクボタンのラベル文字を入力
  6. リンクボタンのラベル文字色を指定
  7. リンクボタンの背景色を指定
  8. 出力

 出力結果はテキストファイルとクリップボードに出てきます。

 ウェブサイトにHTMLタグを貼付すると下図のようなアフィリエイトバナーが表示されます。


 こちらは実物です。

Chilison HDMI キャプチャーボード
 パソコンのUSBポートに挿して、ビデオカメラやビデオデッキなどとHDMIケーブルで接続すれば、接続機器がUSBカメラとして認識されます。Windowsであれば『カメラ』アプリを起動すれば入力が確認できます。
 すでに4回購入していますが、今のところ1個も壊れていません。

 カラムで左右に分けた場合の雰囲気は下図のとおりです。

Chilison HDMI キャプチャーボード
 パソコンのUSBポートに挿して、ビデオカメラやビデオデッキなどとHDMIケーブルで接続すれば、接続機器がUSBカメラとして認識されます。Windowsであれば『カメラ』アプリを起動すれば入力が確認できます。
 すでに4回購入していますが、今のところ1個も壊れていません。




カラム対応機能追加

 カラムへのニーズがあるならばということで、カラム対応機能を追加しました。

 簡単に言えば、並列2枠の組合せの、左側の枠だけを出力するような機能です。

 単体でウェブページに貼り付けると下図のようになります。カラムで分けてあげると前述のような形になります。

Chilison HDMI キャプチャーボード
 パソコンのUSBポートに挿して、ビデオカメラやビデオデッキなどとHDMIケーブルで接続すれば、接続機器がUSBカメラとして認識されます。Windowsであれば『カメラ』アプリを起動すれば入力が確認できます。
 すでに4回購入していますが、今のところ1個も壊れていません。

 画面の構成は少し変わりまして、出力ボタンが2つになりました。

 出力されたHTMLタグの対処法です。
 Wordpressであればまず『カラム』を設置します。


 左右に2つの枠が作られるカラムの中で『+』を押すと枠内に入れるコンテンツを選択できるので『カスタムHTML』を選び、クリップボードにあるデータをペーストします。


 もう1枠の方には画像か画像+テキストを貼り付けます。これは広告主が提供するものをそのまま貼り付けます。


 この事例ではカラムの幅を75%対25%にしています。パソコンで見るとその比率、スマホで見ると上下に組まれます。

Chilison HDMI キャプチャーボード
 パソコンのUSBポートに挿して、ビデオカメラやビデオデッキなどとHDMIケーブルで接続すれば、接続機器がUSBカメラとして認識されます。Windowsであれば『カメラ』アプリを起動すれば入力が確認できます。
 すでに4回購入していますが、今のところ1個も壊れていません。




無償提供中

 本ソフトウェアはVestorさんの協力の下で無償配布しています。ダウンロードご希望の方はVectorさんのウェブサイトをご参照ください。

Vector:【ALPH】Affiliate Link to Paste for HTML tags.






付加機能(1)
Value Commerce

 アフィリエイトプログラムを総合的に契約(提携)できるバリューコマースというサービスがあります。

 そのサービスではAmazonアソシエイトや楽天アフィリエイトなどのように簡単にリンクURLが作れる訳ではないようで、リンクURLを作るためにひと工夫必要です。
 その手間を軽減するための機能がALPHには搭載されています。

 手順としては、例えばYahoo!ショッピングであればリンクしたページのURLを取得します。
 次にバリューコマースの提携ページからヤフーショッピングを選びます。

 広告素材の中に『MyLink』という、URLを入力して作成するタイプの素材が在るので、それを見つけます。

 URLをコピペ、テキスト欄には適当に2~3文字くらい入れてMyLinkコードを作成します。
 ポップアップ表示で出てきたコードをコピーします。選択ボタンを押しても選択されるだけなので、必ずコピーまでします。

 コピーしたコードを、ALPHの所定の欄に貼り付けます。
 貼り付けられたら、その下にある『Excerpts』ボタンを押します。

 コードが適正であれば、リンク用のURLを自動生成します。

 URLが生成されるとポップアップ表示で知らせます。失敗した場合もメッセージが表示されます。

 成功した場合、そのコードをALPHの任意のURL欄にペーストします。クリップボード上にしかURLが無いため、次のデータを記憶する前に貼り付けます。




付加機能(2)
Katteneコード変換

 トラブルが無くてもKatteneから乗り換えて頂ければと思いますが、開発者側ではトラブルに遭遇したため急遽、書き換える必要に迫られて本機能を開発しました。

構文エラーでページ表示不可
プラグインエラーで生コード表示

 Katteneのコードをコピーします。


 ALPHの所定の欄にコードを貼付し、Samplingボタンを押すとコードが分解されてALPHの各欄に自動的にデータが転記されます。

 転記されたあとの処理は通常のALPHの使い方と同じなので、出力ボタンを押してHTMLタグを取得します。

 そのタグを、Katteneのコードがあった場所に貼り付けて置き換えることで、KatteneからHTMLタグへの乗換が完了します。




サンプル(HTMLタグ)

 下記は動作確認済のHTMLタグです。お使いのパソコンやスマホで現に表示できている場合は、このHTMLタグは正常動作していることになりますので、もしALPHを使用して上手くいかない場合は、下記のタグをウェブサイトに貼付し、動作確認してください。

広告主提供画像付きテキスト(Table組み・65%:35%)

Amazon

DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
 一部の自動レシピが使えないほかは、上位機種に近い内容です。
 デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。

<!-- アフィリエイトリンクバナーHTMLタグ [ALPH] -->
<table  border="0" width="100%" style="font-size: 1.0em">
<tbody>
<tr align="center">
<td width="65%" align="left" valign="top" style="font-size: 0.8em; padding: 0px; ">
<a href="https://amzn.to/3BDQ5b4" target="_blank">
<b>
DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
</b></a><br>
 一部の自動レシピが使えないほかは、上位機種に近い内容です。<br> デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。
</td>
<td rowspan="5" width="35%" align="center">
<iframe sandbox="allow-popups allow-scripts allow-modals allow-forms allow-same-origin" style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=s30104406-22&language=ja_JP&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B08K2WGJC3&linkId=3df553fa504ca577b38f585833d52c52"></iframe>
</td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#e47911; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://amzn.to/3BDQ5b4','_blank')">
Amazon
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#bf0000; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://a.r10.to/haotML','_blank')">
Rakuten
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#ff0033; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3583978&amp;pid=887893293&amp;vc_url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Ffirst%3D1%26ss_first%3D1%26ts%3D1662787873%26mcr%3D7da3ddf2a551e4778207d1792f4b48bd%26tab_ex%3Dcommerce%26sretry%3D0%26area%3D28%26astk%3D%26aq%3D%26oq%3D%26p%3DECAM35055B%26sc_i%3Dshp_pc_search_searchBox_2','_blank')">
Yahoo!
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color: #ffffff; background-color:#08264a; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://px.a8.net/svt/ejp?a8mat=3NIUUL+7X6NJM+4CUE+5YZ77','_blank')">
DeLonghi
</button></td></tr>
</tbody></table>
<!-- ALPH Provided by AmpiTa Project(www.ampita.jp) -->

正常時に表示されるアフィリエイトバナー(上記は参考画像です。クリックしても反応しません。)


楽天市場

DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
 一部の自動レシピが使えないほかは、上位機種に近い内容です。
 デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。
[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

ECAM35055B デロンギ コンパクト全自動エスプレッソマシン ブラック DeLonghi ディナミカ [ECAM35055B]
価格:198000円(税込、送料別) (2022/9/22時点)

<!-- アフィリエイトリンクバナーHTMLタグ [ALPH] -->
<table  border="0" width="100%" style="font-size: 1.0em">
<tbody>
<tr align="center">
<td width="65%" align="left" valign="top" style="font-size: 0.8em; padding: 0px; ">
<a href="https://amzn.to/3BDQ5b4" target="_blank">
<b>
DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
</b></a><br>
 一部の自動レシピが使えないほかは、上位機種に近い内容です。<br> デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。
</td>
<td rowspan="5" width="35%" align="center">
<table><tr><td style="width:128px"><a href="https://hb.afl.rakuten.co.jp/ichiba/12396720.bcd2fba8.12396721.c65ad370/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fjism%2F4988371023964-24-3868-n%2F&link_type=picttext&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjEsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjoxLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"  ><img src="https://hbb.afl.rakuten.co.jp/hgb/12396720.bcd2fba8.12396721.c65ad370/?me_id=1206032&item_id=13598385&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fjism%2Fcabinet%2F1469%2F4988371023964.jpg%3F_ex%3D128x128&s=128x128&t=picttext" border="0" style="margin:2px" alt="[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]" title="[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]"></a></td><td style="vertical-align:top;width:136px;"><p style="font-size:12px;line-height:1.4em;text-align:left;margin:0px;padding:2px 6px;word-wrap:break-word"><a href="https://hb.afl.rakuten.co.jp/ichiba/12396720.bcd2fba8.12396721.c65ad370/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fjism%2F4988371023964-24-3868-n%2F&link_type=picttext&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjEsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjoxLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"  >ECAM35055B デロンギ コンパクト全自動エスプレッソマシン ブラック DeLonghi ディナミカ [ECAM35055B]</a><br><span >価格:198000円(税込、送料別)</span> <span style="color:#BBB">(2022/9/22時点)</span></p></table>
</td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#e47911; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://amzn.to/3BDQ5b4','_blank')">
Amazon
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#bf0000; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://a.r10.to/haotML','_blank')">
Rakuten
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#ff0033; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3583978&amp;pid=887893293&amp;vc_url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Ffirst%3D1%26ss_first%3D1%26ts%3D1662787873%26mcr%3D7da3ddf2a551e4778207d1792f4b48bd%26tab_ex%3Dcommerce%26sretry%3D0%26area%3D28%26astk%3D%26aq%3D%26oq%3D%26p%3DECAM35055B%26sc_i%3Dshp_pc_search_searchBox_2','_blank')">
Yahoo!
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color: #ffffff; background-color:#08264a; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://px.a8.net/svt/ejp?a8mat=3NIUUL+7X6NJM+4CUE+5YZ77','_blank')">
DeLonghi
</button></td></tr>
</tbody>
</table>
<!-- ALPH Provided by AmpiTa Project(www.ampita.jp) -->

正常時に表示されるアフィリエイトバナー(上記は参考画像です。クリックしても反応しません。)


画像付き(Table組み・65%:35%)

DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
 一部の自動レシピが使えないほかは、上位機種に近い内容です。
 デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。
AmpiTa

<!-- アフィリエイトリンクバナーHTMLタグ [ALPH] -->
<table  border="0" width="100%" style="font-size: 1.0em">
<tbody>
<tr align="center">
<td width="65%" align="left" valign="top" style="font-size: 0.8em; padding: 0px; ">
<a href="https://amzn.to/3BDQ5b4" target="_blank">
<b>
DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
</b></a><br>
 一部の自動レシピが使えないほかは、上位機種に近い内容です。<br> デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。
</td>
<td rowspan="5" width="35%" align="center">
<a href="https://amzn.to/3BDQ5b4" target="_blank" rel="noopener">
<img src="https://ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B08K2WGJC3&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=s30104406-22&language=ja_JP" alt="AmpiTa" title="AmpiTa" width="120" height="120">
</td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#e47911; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://amzn.to/3BDQ5b4','_blank')">
Amazon
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#bf0000; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://a.r10.to/haotML','_blank')">
Rakuten
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#ff0033; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3583978&amp;pid=887893293&amp;vc_url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Ffirst%3D1%26ss_first%3D1%26ts%3D1662787873%26mcr%3D7da3ddf2a551e4778207d1792f4b48bd%26tab_ex%3Dcommerce%26sretry%3D0%26area%3D28%26astk%3D%26aq%3D%26oq%3D%26p%3DECAM35055B%26sc_i%3Dshp_pc_search_searchBox_2','_blank')">
Yahoo!
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color: #ffffff; background-color:#08264a; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://px.a8.net/svt/ejp?a8mat=3NIUUL+7X6NJM+4CUE+5YZ77','_blank')">
DeLonghi
</button></td></tr>
</tbody></table>
<!-- ALPH Provided by AmpiTa Project(www.ampita.jp) -->

正常時に表示されるアフィリエイトバナー(上記は参考画像です。クリックしても反応しません。)


カラム(左枠はALPHのSingle出力)

DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
 一部の自動レシピが使えないほかは、上位機種に近い内容です。
 デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。

カラム左枠のHTMLタグ

<!-- アフィリエイトリンクバナーHTMLタグ [ALPH] -->
<table  border="0" width="100%" style="font-size: 1.0em">
<tbody>
<tr align="center">
<td width="100%" align="left" valign="top" style="font-size: 0.8em; padding: 0px; ">
<a href="https://amzn.to/3BDQ5b4" target="_blank">
<b>
DeLonghi ディナミカ ミルクタンク付 全自動コーヒーマシン ECAM35055B
</b></a><br>
 一部の自動レシピが使えないほかは、上位機種に近い内容です。<br> デロンギの全自動の中で最もコスパが高いミルクコンテナ付きの機種だと思います。
</td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#e47911; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://amzn.to/3BDQ5b4','_blank')">
Amazon
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#bf0000; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://a.r10.to/haotML','_blank')">
Rakuten
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color:#ffffff; background-color:#ff0033; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3583978&amp;pid=887893293&amp;vc_url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Ffirst%3D1%26ss_first%3D1%26ts%3D1662787873%26mcr%3D7da3ddf2a551e4778207d1792f4b48bd%26tab_ex%3Dcommerce%26sretry%3D0%26area%3D28%26astk%3D%26aq%3D%26oq%3D%26p%3DECAM35055B%26sc_i%3Dshp_pc_search_searchBox_2','_blank')">
Yahoo!
</button></td></tr>
<tr align="center" valign="bottom">
<td style="padding: 0px;">
<button type="button" style="color: #ffffff; background-color:#08264a; width:100%; padding: 6px; font-size: 0.6em; " onclick="window.open('https://px.a8.net/svt/ejp?a8mat=3NIUUL+7X6NJM+4CUE+5YZ77','_blank')">
DeLonghi
</button></td></tr>
</tbody></table>
<!-- ALPH Provided by AmpiTa Project(www.ampita.jp) -->

カラム右枠のHTMLタグ

<iframe sandbox="allow-popups allow-scripts allow-modals allow-forms allow-same-origin" style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=s30104406-22&language=ja_JP&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B08K2WGJC3&linkId=3df553fa504ca577b38f585833d52c52"></iframe>

正常時に表示されるアフィリエイトバナー(上記は参考画像です。クリックしても反応しません。)



注記

 Wordpressでは、AMPプラグインを導入すると動作不良を起こす場合があります。

 ALPHはHTMLタグをノーコードで開発するためのツールであり、出力されるHTMLタグは古典的な内容です。
 ALPH自体がAMPと相性が悪い訳ではないのですが、HTMLタグの動作をAMPが抑制するようなことがあります。具体的にはリンクボタンが反応しなくなる場合があります。

 ALPHとは異なる話題ですが、Wordpressに設置したContact Form 7というプラグインの問い合わせフォームの送信ボタンが効かなくなった際にAMPを無効化することで復旧できた経験もあり、AMPプラグインとの相性については注意しています。




おわりに

 アフィリエイト収入を得ている人はどれだけ居るのかわかりませんが、多くの場合がスタイリッシュなブログやSNSだと思いますので、本ソフトウェアを使う事はないと思います。

 筆者が管理するサイトはスタイリッシュではないので、この原始的な形でも馴染めるレベルです。

 しっかり手間をかければカラムを使う方法が良いので、出来る方々にはそちらをお勧めします。

ソフトウェア開発実績はこちら