特典機能について

アフィリエイトリンクの貼り方を教えてほしい(ブロックエディターの時) | Cocoonテーマに関する質問 | Cocoon フォーラム

サイト内検索
運営者(わいひら)は、10月25日から骨の手術のため数週間入院します。その際、フォーラム負担軽減のため登録者のみ書き込めるようを制限をさせていただきます。フォーラム未登録の方はこちらの手順で登録を行ってください。予定としては12月前半まで実施させていただきます。
書き込みの前に以下の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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

スポンサーリンク
アフィリエイトリンクの貼り方を教えてほ...
 
共有:
通知
すべてクリア

[解決済] アフィリエイトリンクの貼り方を教えてほしい(ブロックエディターの時)


kchan
(@kchan)
Trusted Memberサイト
結合: 2年前
投稿: 69
kchan - Twitter
Topic starter  

お世話になっております。

旧エディターからブロックエディターに変えました。
記事を編集しようとすると、旧エディターのときに貼ったASPのテキストリンクが2つのブロックに分かれていました。

<a href="//ck.jp.ap.valuecommerce.com/

<img src="//ad.jp.ap.valuecommerce.com/

ブロックが分かれたときは貼り直した方がいいのでしょうか。

 

今回は貼り直しをしてみました。
ビジュアル?画面で普通にコードを貼ると、imgタグが入ってる方がなくなってしまいました。

あったほうがいいのかなと思い、「HTMLとして編集」にして貼り付けると、
「このブロックには、想定されていないか無効なコンテツが含まれています。」と出ます。
(添付画像のように文が同じブロックに含まれていると このメッセージがでます。)

ビジュアル画面には ならないので、「HTMLに変換」にするとHTML表示で記事作成画面に出ます。
この貼り方でいいのでしょうか。

 

分かりづらい説明ですみません…
上の説明が分かりづらすぎるようでしたら、以下の2点が一番聞きたいことですので教えていただけますか。

ブロックエディターの場合、アフィリエイトリンクが入っているブロックはHTML表示になりますか。

ブロックエディターのとき アフィリエイトリンクは、どのように貼るのがいいのでしょうか。貼り方を教えていただけますか。

お手数をおかけします。
どうぞよろしくお願いします。

URLです
https://xn--w8jte276hx5vdnebu3f.com/conradtokyo-afternoontea/


わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

そのタグ自体は、どういったものなんでしょう?
こちらの方法でタグを貼り付けていただければと思います。
https://wp-cocoon.com/notepad-pw/

いろいろな貼り付け方として、こういったものはあります。
https://changbeer.site/2019/08/cocoon-affiliate-tag/


kchanチャンビア🍺 件のいいね!
kchan
(@kchan)
Trusted Memberサイト
結合: 2年前
投稿: 69
kchan - Twitter
Topic starter  

わいひらさん、ありがとうございます。

「このブロックには、想定されていないか無効なコンテツが含まれています。」とメッセージが出るタグです。
バリュコマのMyLinkコードです。sidpidの数字を変えてあります。
https://notepad.pw/share/vz8isul2e

メッセージは、同じブロック内で 文の後にアフィリエイトリンクを入れた時に表示されます。


kchan
(@kchan)
Trusted Memberサイト
結合: 2年前
投稿: 69
kchan - Twitter
Topic starter  

(投稿が分かれてしまって、すみません)

わかりやすいリンクの貼り方のサイトを教えてくださり、ありがとうございます。

ご紹介いただいたサイトでは、バナーリンクはカスタムHTMLで、テキストリンクは編集画面上にコードをペーストすると書かれているように読み取れました。

テキストリンクを編集画面にコピペをして、HTML画面で確認すると imgタグがなくなっているようにみえるのですが、画面で見えなくても特に問題はないのでしょうか。


チャンビア🍺
(@changbeer)
メンバーサイト Moderator
結合: 3年前
投稿: 248
チャンビア🍺 - Twitter
 

https://changbeer.site/2019/08/cocoon-affiliate-tag/

で紹介された側の者です。

バナーはカスタムHTML、テキストは編集領域にコピペ...というのは強い固執は特になかったです(たまたまコピペしたらリンク動作したくらいでソースまで見てなかった...苦笑

今でも上下独立したリンクだとカスタムHTMLを使うことが多いです。やはりソースが見える方が安心できるというか...

テキストリンク貼り付け方式もIMGタグが消えてしまうのであればよくないのかなぁ...改変する意識はなかったです。


わいひら 件のいいね!
kchan
(@kchan)
Trusted Memberサイト
結合: 2年前
投稿: 69
kchan - Twitter
Topic starter  

チャンビアさん、はじめまして!
リンクの貼り方のわかりやすい記事を書いてくださり、ありがとうございました。
ブロックエディターに変更したばかりだったので、助かりました。

固執しているようには全く思いませんでした。
わたしの書き方が良くなかったですね。すみません><

 

ブロックエディターにして、リンクを貼ってみると そこだけHTML表示になるので、私の貼り方は合ってるのかな?と思っていました。

(ブロックごとに分かれている感覚がなかったので、一つのベージにビジュアルとテキストエディターが混在している、大丈夫なの?と思いました(^◇^;)

記事の中に「バナー広告をカスタムHTMLで」とありましたので ブロックエディターってそういうものか、と理解することができました。

今は少し慣れてきて、チャンビアさんがおっしゃられたように、上下独立したリンクはカスタムHTMLを使った方が安心に思えてきました。

 

imgタグって、どうなんでしょう
つけたほうがいいのかなぁとは思ったりするのですが…初心者で その辺の重要性があまりわからないんです


かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 4年前
投稿: 4764
かうたっく - Facebook
 

imgタグって、どうなんでしょう
つけたほうがいいのかなぁとは思ったりするのですが…初心者で その辺の重要性があまりわからないんです

valuecommerceのaタグに付いてくる画像imgタグの事ですよね?

インプレッション用なので、表面上では見えないものですけど、付けてればインプレッションがとれるのであえて消す必要もないと思いますよ。

絶対消してはダメ。って言う縛りがあったかは、バリュコマ側でチェックしてみるのも良いと思われます。


kchanわいひら 件のいいね!
チャンビア🍺
(@changbeer)
メンバーサイト Moderator
結合: 3年前
投稿: 248
チャンビア🍺 - Twitter
 

imgタグって、どうなんでしょう…

ASP各社で見解が異なる可能性があるでしょうし、かうたっくさん同様に、この場では改変しない方が望ましいということになりますね。

ネットで調べて、ASPに問い合わせされたことがある人もいるようですが「外さない方が望ましい」という回答のようでした。

すぐにはできませんが、私の記事もテキストリンク部分は書き方を変えないといけないと思います。

とはいえ、文中にリンク置いたり、リストにしたりと工夫するので毎回カスタムHTMLや、クラシックエディタでやるのもなんかスマートじゃないですね...

ちなみにIMGタグ外れてても発生はしています(苦笑


kchan 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

今のところ、ブロックのメニューから「HTMLとして編集」として挿入するしかないっぽいですね。


kchanチャンビア🍺 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

この方法だと、インプレッション画像は削除されないようです。


kchanチャンビア🍺 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

ブロックエディターで、旧エディターにあるような「HTML挿入」機能をつけようと思ったんですけど、以下のように書くとどうしても、タグがonChangeでエスケープされてしまうっぽい。
今ちょっと調べただけでは、対応方法はわからなかったので、実装できるかはちょっと微妙です。
https://notepad.pw/share/hofou13rr


kchanチャンビア🍺 件のいいね!
kchan
 kchan
(@kchan)
ゲスト
結合: 3年前
投稿: 56
 

みなさん、初心者にご教示ありがとうございます!

わいひらさん、画像を貼っていただき助かりました。
そのやり方で貼っていきます。

>旧エディターにあるような「HTML挿入」機能

わたしにとって、たぶん多くの人にとっても神機能ですよね!
ブロックエディターですと、HTML挿入は そんなに不便じゃない気もします。でも、あったら使いますけど(*^^*)

cocoonの数々の便利機能に感謝しています。
ブロックエディターはまだ使い始めですが、今日はボックス機能を使い 旧エディターよりさらに進化していて感動しました。
話が逸れましたが…、今回もありがとうございました!


わいひらチャンビア🍺 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

一応チャンビアさんの記事でも書かれているけど補足しておくと、よく利用するアフィリエイトタグの場合は、アフィリエイトタグショートコード機能を利用した方が良いかもしれません。

僕は、何度も使い回すアフィリエイトタグは、すべてこれで登録しています。
https://wp-cocoon.com/how-to-use-affiliate-tag-manager/
こうすれば、ブロックエディターのツールバーから手軽に挿入できるようになります。
後からアフィリエイトリンクの貼り替えも楽なので。
ASPの都合により、一方のASPで広告が廃止になり、現在なASPのアフィリエイトコードに貼り替えなければならないケースも結構あったりするので。

単発のアフィリエイトタグは、今のところHTML編集から貼り付けるしかなさそうですね ? 


チャンビア🍺kchan 件のいいね!
kchan
(@kchan)
Trusted Memberサイト
結合: 2年前
投稿: 69
kchan - Twitter
Topic starter  

わいひらさん、ありがとうございます。

アフィリエイトタグショートコード機能、すごい便利ですね!今度からよく使うアフィリエイトタグを登録することにします ? 

あと、cocoonですとバリューコマースのLinkSwitchがIDを入れるだけなので、使ってみようと思いIDを入れてみました^^
https://wp-cocoon.com/linkswitch/

普通のリンクを貼るだけで アフィリエイトリンクになってくれるので こちらもすごい便利ですね。

便利機能が多くて嬉しいです。後は発生してくれれば…(^◇^;)

色々教えてくださり、ありがとうございました!

 


わいひらチャンビア🍺 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

バリューコマースのLinkSwitch提携サイトだと、通常のURLを入力するだけというのが楽ですよね。
全部のアフィリエイトリンクがこれに対応して欲しいです(笑)


共有:
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:18年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

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