AMPページでの関連コンテンツユニットの利用 | 要望 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
AMPページでの関連コンテンツユニット...
 
Share:
Notifications

AMPページでの関連コンテンツユニットの利用  


peace
 peace
(@peace)
ゲスト
参加: 2年 前
投稿: 3
2018年3月20日 15:47  

現在simplicity2を利用させていただいています。

いつもありがとうございます。

今回cocoonのリリースに感激しています。

早速利用をしようと思っています。試しで使えるサイトで試験的に色々試みているのですが、分からない事があります。

simplicity2ではアドセンスの関連コンテンツユニットを通常ページではウィジェットにコードを記入して関連コンテンツユニットを利用し、AMPページではsingle-amp.phpへコード記入することで利用していました。

同様にcocoonでも関連コンテンツユニットを使っていきたいのですがどのようにするのが一番最適でしょうか?

よければ関連コンテンツユニットをAMPページでも気軽に使える機能があればいいなと思います。


引用解決済
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8715
わいひら - Facebookわいひら - Twitter
2018年3月20日 16:23  

今のところCocoonのAMPでも関連コンテンツユニットには対応していません。
なので、is_amp()関数で条件分岐をしつつtmp/content.phpテンプレートをカスタマイズするしかないかもしれません。


返信引用
haru
(@peace)
Active Member
参加: 2年 前
投稿: 12
2018年3月20日 16:27  

お忙しい中、返信ありがとうございます。

出来る範囲で頑張ってみます。


返信引用
Akira
(@akira)
Reputable Memberサイト
参加: 2年 前
投稿: 498
Akira - FacebookAkira - Twitter
2018年3月20日 17:07  

私が試した限りでの、 AMP に関連コンテンツユニットを設置する方法をご説明します。

まず子テーマに tmp フォルダを作成します。

次に親テーマの tmp フォルダにある single-contents.php を、子テーマの tmp フォルダにコピペをします。

最後に子テーマに設置した single-contents.php の 15 行目から、下記のコードを追加します。

<?php if( is_amp() === true ): ?>

スポンサーリンク


ここに広告コードを挿入

</div>
<?php endif; ?>

これで  Cocoon の AMP の関連記事の上に、関連コンテンツユニットを設置できます。

もしかすると CSS の指定も必要かもしれません。

Simplicity とは異なり、 Cocoon では広告にも構造化データがマークアップされています。一応上記のコードは、 Cocoon に合わせています。


返信引用
Akira
(@akira)
Reputable Memberサイト
参加: 2年 前
投稿: 498
Akira - FacebookAkira - Twitter
2018年3月20日 17:09  

おふ…。コードを再度貼り付けます。

  &lt;?php if( is_amp() === true ): ?&gt;
&lt;div class=&quot;matche-content-wrap&quot; itemscope itemtype=&quot; https://schema.org/WPAdBlock&quot;&gt;
&lt;div class=&quot;ad-label&quot; itemprop=&quot;name&quot;&gt;スポンサーリンク&lt;/div&gt;
&lt;div class=&quot;matche-content&quot;&gt;
ここに広告コードを挿入
&lt;/div&gt;
&lt;/div&gt;
&lt;?php endif; ?&gt;

にくまる 件のいいね!
返信引用
Akira
(@akira)
Reputable Memberサイト
参加: 2年 前
投稿: 498
Akira - FacebookAkira - Twitter
2018年3月20日 17:13  

あれ…。 notepad にコードを貼り付けました。

https://notepad.pw/code/961o8bj1k

 


にくまる 件のいいね!
返信引用
haru
(@peace)
Active Member
参加: 2年 前
投稿: 12
2018年3月20日 20:57  

参考に設定してみたところ無事にAMPページに関連記事コンテンツを表示させることが出来ました。

ご丁寧にありがとうございます。


返信引用

返信する


許可された最大ファイルサイズ 5MB

 
Preview 0 Revisions Saved
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

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

サービス運営期間:1年8ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

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

とにかく速い。サイトに表示スピードを求めるならココ。

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

サービス運営期間:1年6ヶ月

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

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

サービス運営期間:3年

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

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

サービス運営期間:16年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

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

サービス運営期間:4年

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