サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年7月3日 21:14
CTAボックスにアフィリエイトリンクを貼りたいです。
アフィリエイトリンクはもしもアフィリエイトを利用しています。
CTAボタンテキストに「プロモーション名」を記載
CTAボタンURLに「アフィリエイトリンク」を貼る
CTAボタン色「緑色」を選択しています。
もしもアフィリエイトのアフィリエイトリンクはバナー、テキスト、SNS専用、どこでもリンクがありますが、このうちテキストのアフィリエイトリンクを貼って、CTAボタンの保存を押すと、CTAボタンURLに指定のテキストだけが表示されてしまいます。
2024年7月4日 20:28
もしもアフィリエイトのアフィリエイトリンクはバナー、テキスト、SNS専用、どこでもリンクがありますが、このうちテキストのアフィリエイトリンクを貼って、CTAボタンの保存を押すと、CTAボタンURLに指定のテキストだけが表示されてしまいます。
恐れ入りますが、この状態がちょっと分からないです。
フォーラムの案内にありますように該当のCTAがあるページのURLを貼り付けていただいてよろしいでしょうか。
トピックスターター 2024年7月5日 10:09
説明が分かりにくくて申し訳ありません。
CTAがあるページの一つです。
投稿本文下に貼ってあります。
詳細はこちらを押しても404 NOT FOUNDになります。
CTAボタンURLにアフィリエイトリンクを貼って、保存ボタンを押してもテキスト表示になります。
アフィリエイトリンクです。
<a href="//af.moshimo.com/af/c/click?a_id=4586154&p_id=3554&pc_id=8575&pl_id=50100" rel="nofollow" referrerpolicy="no-referrer-when-downgrade">デイトラ</a><img src="//i.moshimo.com/af/i/impression?a_id=4586154&p_id=3554&pc_id=8575&pl_id=50100" width="1" height="1" style="border:none;">
このアフィリエイトリンクを貼るとCTAボタンURLに「デイトラ」と表示されます。
トピックスターター 2024年7月5日 10:10
画像ファイルを添付します。
1つ目アフィリエイトリンクを貼る
トピックスターター 2024年7月5日 10:11
2つ目の画像
保存ボタンを押すとテキスト表示になる
2024年7月5日 17:14
tiwawaさん
特に解決策を持ち合わせている訳ではなく、現状仕様ということで。
以下のページのサンプルを見ても、「CTAボタンURL」欄は、文字通り「URL」を入力する欄のように思います。
（ボタンテキストや画像URLなどは、他に入力欄がありますし）
CTA（コール トゥ アクション）ボックスを作成する方法
https://wp-cocoon.com/cta/
HTMLタグの入力は想定されておらず、取り除かれるのではないかと思います。
https://github.com/xserver-inc/cocoon/blob/d3f9a558a8b0c60d971ff947992991300febd419/lib/widgets/cta-box.php#L70
HTMLタグが取り除かれ、添付いただいたように「デイトラ」だけが残りますから。
リンク先も、同様です。
わいひら reacted
2024年7月5日 18:03
基本的にCTAボックスのURLには、自サイト内のコンバージョンページへのURLを入力する用途で作成しています。
自身の渾身のアフィリエイトページへ誘導するコンバージョンページへ誘導するためのものです。
URLを入力するものなので、タグは入力できません。
画像を上下に表示するので良いのであれば、添付画像のような26をすることで変則的ではありますが、表示することはできます。
メッセージに入力したコードはこちら。
入力メッセージ <a href="//af.moshimo.com/af/c/click?a_id=4586154&p_id=3554&pc_id=8575&pl_id=50100" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" class="btn btn-green btn-l">デイトラ</a><img src="//i.moshimo.com/af/i/impression?a_id=4586154&p_id=3554&pc_id=8575&pl_id=50100" width="1" height="1" style="border:none;">
2024年7月5日 18:03
上記入力で以下のように表示することはできるかと思います。
※下の余白などはCSSで調整する必要があるかも
トピックスターター 2024年7月5日 18:36
無事解決しました。
ｍｋ２さん、わいひらさん、ありがとうございました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。