「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

URLだけのアフィリエイトタグをショー...
 
共有:
通知
すべてクリア

[解決済] URLだけのアフィリエイトタグをショートコードにする方法と使い方の確認

6 投稿
2 ユーザー
4 Reactions
304 表示
(@tomisan)
Eminent Member Registered
結合: 1年前
投稿: 17
Topic starter  

よろしくお願いいたします。

アフィリエイトタグをショートコードにする機能を良く使わせていただいております。

この機能で、とてもシンプルなんですが、この一点について、色々と情報を調べましたが、見つけられませんでした。

そこで、すいませんが、一点、確認させて下さい。

 

アフィリエイトタグのショートコードを作成する際に、

HTMLのアフィリエイト タグをコピペして、普段は使っています。

例:HTMLのアフィリエイト タグ

<a href="https://px.a8.net/svt/ejp?a8mat=3HBTF1+A65UA1+46S1+5YZ71" rel="nofollow">クラウティ</a>

<img border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3HBTF1+A65UA1+46S1+5YZ71" alt="">

 

上のようなHTMLのアフィリエイト タグを良くショートコードにします。 正常に稼働しています。

 

ここからなのですが...

私が良く分からないのは、

A8ですと、メールのアフィリエイト タグのように

URLだけのアフィリエイト タグがあります。

 

例:URLだけのアフィリエイト タグ (このURLタグは、上のHTMLのタグを作ったときに、メールのタグから取ったものです)

https://px.a8.net/svt/ejp?a8mat=3HBTF1+A65UA1+46S1+5YZ71

 

このようなURLだけのアフィリエイト タグも、HTMLのアフィリエイト タグと同じようにショートコードのところにコピペして、ショートコードを作成できるのでしょうか?

このURLだけのアフィリエイト タグをショートコードにして、画像やテキストをアフィリエイト リンクにする時に使用するつもりです。(画像にリンクを入れるところの画像を添付しました)

自分で、URLだけのアフィリエイト タグをショートコードにして、画像にリンクして使用した所、無事にアフィリエイト サイトに行きました。正常に作動したようですが、このような使用法は当たり前でしょうか?
この使い方でもアフィリエイト タグの機能性に問題なく使用できているのでしょうか?

 

現在は、URLだけのアフィリエイト タグをショートコードにできるのか確認できなかったので、URLだけのアフィリエイト タグを写真のリンクのところに直接、コピペして入力しています。

これですと、案件の商品とかアップデートした際などに、アフィリエイト タグの貼り換えに相当な時間がかかってしまいます。

URLだけのアフィリエイト タグをショートコードにしてしまえば、かなりの時間の節約になります。

ちょっとしたことですが、私の使い方は、問題ないか? どうか? 確認していただけますと幸いです。

 

すいませんが、何卒、よろしくお願いいたします。

トミ

 

追伸、そもそも、ショートコードがWEBサイトの中でどのように使われているのかが分かっていれば、質問しないで済んだかもしれません。とは言え、アフィリエイト タグはかなり大事なので、一度、この事は聞いてみたかったです。

あと、コクーンのショートコードの記事を数記事見ましたが、高度なショートコードの使用法は沢山あったのでしたが、私の質問の件はたぶんシンプル過ぎて、記載がありませんでした。

 

 

 

 

 

 

 

 

 

 

 

 

 

 


   
(@akira)
Famed Member Registered
結合: 6年前
投稿: 1657
 

こういうことでしょうか?

  1. アフィリエイトタグに URL だけを書く。この時作られたショートコードは [affi id=5] だとします。
  2. この [affi id=5] を画像のリンクとして使う。添付画像をご参考ください。

もし、この使い方で間違いなければ、使っても問題ないと思います。当たり前の使い方かと言われると疑問には感じますが、問題は発生しません。<a> の子要素を好きなように書けるアフィリエイトであれば、便利な使い方だなと思いました。

そもそも、ショートコードがWEBサイトの中でどのように使われているのかが分かっていれば、質問しないで済んだかもしれません。

今回のケースの画像のリンクとしてショートコードを使う場合、サーバーで処理する時にこのようなことが起こります。

まず、最初は HTML がこうなっています。画像 <img> の親要素が <a> になり、その <a> の href 属性はショートコードです。

<figure>
  <a href="[affi id=5]">
    <img 以下省略>
  </a>
</figure>

これがサーバーで処理する時に、アフィリエイトタグで登録した URL に変わります。

<figure>
  <a href="https://px.a8.net/svt/ejp?a8mat=3HBTF1+A65UA1+46S1+5YZ71">
    <img 以下省略>
  </a>
</figure>

ですので問題ありません。ただし、URL だけをアフィリエイトタグに登録することが必須です。<a> などの HTML は書かないように気を付けないといけません。

This post was modified 8か月前 2回 by Akira

   
わいひら reacted
(@tomisan)
Eminent Member Registered
結合: 1年前
投稿: 17
Topic starter  

AKIRA様

お返事ありがとうございます。

すごい分かりやすく説明していただき、ありがとうございます。

凄く助かりました。サーバーでショートコードが展開されるところは知りませんでした。

ところで、

お返事をいただいてから、例えばですが、 [affi id=5] こちらのようなショートコードを画像にリンクした所、上手く行きました。

それでは、テキストもできるだろうと思ったら、テキストの方はうまく行きませんでした。

そこで、コードエディタをみると

テキストの方からリンクをすると下のように [affi id=5]の前に http://が付くような仕様になっているようで、これが原因でうまく行きませんでした。

http://[affi id=5]

試しに、コードエディタ上で http://を消して、 [affi id=5]だけにしたら、うまく行きました。

という事で、

現在の仕様では、アフィリエイトのショートコードは、そのままテキストのリンクには使えないようです。

テキストのリンクの方にも使えるようにしていただけなかなぁ~と思っている所です。

テキストのリンクに関してSearch regexでする事はできると思いますが、アフィリエイトのショートコードのほうで、リンクの貼り換えの管理ができる方が安心感があります。

もしくは、毎回、コードエディアを開いて http://を消す方法もありますが、コードエディタ内でhttp://を探すのも手間がかかります。

もうちょっとで、アフィリエイトのリンク替えがめちゃくちゃ効率アップできるんですがね。

AKIRA様 改めて、お返事ありがとうございました。

今後ともよろしくお願いいたします。

とみ

 


   
(@akira)
Famed Member Registered
結合: 6年前
投稿: 1657
 

@tomisan さん

本当ですね。なぜ画像のリンクとテキストのリンクとで動作が違うんだ。

検索したところ、Tomisan さんと同じショートコードの使い方で http: を付けない方法を知りたいとの質問がありました。

How to add links without “http” from the visual editor?

答えは、独自のフィルターを作ればいいよとのことです。ですので、子テーマの functions.php に以下のコードを追加するといいかもしれません。

function remove_http_from_link_shortcode( $content ) {
  return str_replace(
    ['http://http', 'https://http'],
    'http',
    $content
  );
}

add_filter( 'the_content', 'remove_http_from_link_shortcode', 11 );

本文にある http://httphttps://http を http に変換します。これで余計な http:// はなくなると思います。


   
わいひら reacted
(@tomisan)
Eminent Member Registered
結合: 1年前
投稿: 17
Topic starter  

AKIRA様

お返事とアドバイスありがとうございます。

調べて頂き誠に感謝です。

また、貴重なお時間を割いていただき、大変、恐縮です。

 

この問題は、ワードプレス本体の方の問題だったんですね。

ワードプレスの海外ページから解決策を見つけ出すなんて、すごいです。

アドバイスの通りに子テーマの functions.php にコードを追加したいと思います。

アドバイス、本当にありがとうございました。

 

テスト後にまた、コメントさせていただきます。

今後ともよろしくお願いいたします。

トミ


   
わいひら reacted
(@tomisan)
Eminent Member Registered
結合: 1年前
投稿: 17
Topic starter  

@akira AKIRA様 

テストした結果、うまく作動しました。

コードまで作っていただき、大変、恐縮ですが、本当にありがとうございました。

大変、感謝しております。

今後ともよろしくお願いいたします。

トミ

 


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました