広告タグをボディタグ内に挿入したい

0
Who liked: No user
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • 投稿者
    投稿
  • #142800
    アバター画像otomeweb
    参加者
    22

    【お使いの Snow Monkey のバージョン】27.3.5
    【お使いの Snow Monkey Blocks のバージョン】22.2.3
    【お使いの Snow Monkey Editor のバージョン】10.0.5
    【お使いのブラウザ】Chrome
    【当該サイトのURL】https://yougo.otomejuku.jp/

    ### 実現したいこと

    広告コード(JavaScript)をヘッダ(ボディ)にフィルターフックで入れたい

    ### 発生している問題

    以下の広告コードがinsタグでなくJavaScriptでとどいてしまったのでカスタマイザーが使えない

    
    <!-- ad tags Size: 320x100 ZoneId:1577409-->
    <script type="text/javascript" src="https://js.gsspcln.jp/t/577/409/a1577409.js"></script>
    

    ### 試したこと

    以下のページをよんで、自分でフィルターフックがかけないか試したが分からなかった

    ChatGPTで以下のコードを生成できたけど動作しなかった。
    検索でもsnow_monkey_after_opening_body_tagなるフィルターは検索されず…

    
    // <body>タグ直後にスクリプトを追加
    add_action( 'snow_monkey_after_opening_body_tag', function() {
    ?>
    <!-- ad tags Size: 320x100 ZoneId:1577409-->
    <script type="text/javascript" src="https://js.gsspcln.jp/t/577/409/a1577409.js"></script>
    <?php
    });
    
    0
    Who liked: No user
    #142806
    アバター画像キタジマ タカシ
    参加者
    2421
    #142807
    アバター画像otomeweb
    参加者
    22

    あ、ChatGPTのコードに騙されて、WP本体のフックを考えてなかったです

    いまちょっと切羽詰まってるんですが、wp_body_openというWPのフックがあるわけですね
    一度、プラグインの編集時にサイトすっ飛ばしてしまって、編集にとても緊張するので、
    一度ここに、サンプルコード書いていいですか? ちょっと怖いんです。

    明日以降、冷静になってから書いてみます。
    なかなか自立できてませんが、よろしくお願いします。

    0
    Who liked: No user
    #142808
    アバター画像キタジマ タカシ
    参加者
    2421

    一度、プラグインの編集時にサイトすっ飛ばしてしまって、編集にとても緊張するので、

    もしかして本番サイトのダッシュボード→プラグイン→プラグインファイルエディターから直接編集されていますかね?それは危険なので絶対にやめたほうが良いです。

    PC内でテキストエディターを使ってコードを編集、本番環境をコピーしてきたローカル環境やテスト環境で実行、問題がなければ本番環境に反映、がセオリーです。

    0
    Who liked: No user
    #142809
    アバター画像otomeweb
    参加者
    22

    いや、さすがにコードエディターをつかって、それはやってないです。
    あのコーナーは使っちゃいけないとの認識あります。

    ただ、ローカルのバックアップした上で、FTPソフトのエディター機能をつかってて
    うっかりほかのテキストをコピペしてしまうミスをしてしまいました
    あとmy-snow-monkeyのバックアップを消そうとしてpublic_htmlごと消しちゃうとか
    サーバーのバックアップに助けられましたけど…寝てないときに作業しちゃダメですね

    今度は、ローカルに多重バックアップした上で、ローカルで編集してアップロードの予定です
    昔はそうしてたんですが、人間安易な方向にいってしまいますね。

    1
    Who liked:
    #142810
    アバター画像otomeweb
    参加者
    22

    > 本番環境をコピーしてきたローカル環境やテスト環境で実行

    DockerやMAMPってことですよね。以前は丁寧にやってたのですが、ついサボってました
    イマドキ環境ってなにでつくるのか、調べるところからですね…

    これ、サーバーサイドに複製環境つくるのではダメなんでしょうか?
    サーバー自体が落ちちゃうとダメだから意味ないのかな

    0
    Who liked: No user
    #142813
    アバター画像otomeweb
    参加者
    22

    投稿するときエラーがでるのはなぜ…

    これでコードはいいでしょうか
    ローカルの検証は環境が追いついてないです

    function my_ads_script(){ ?>
    <!-- ad tags Size: 320x100 ZoneId:1577409-->
    <script type="text/javascript" src="https://js.gsspcln.jp/t/577/409/a1577409.js"></script>
    <?php }
    add_action( 'wp_body_open', 'my_ads_script' );
    0
    Who liked: No user
    #142822
    アバター画像otomeweb
    参加者
    22

    上記のコードで広告が表示されました
    いったん、閉じたいと思います。

    表示位置の制御があるんですが
    特定idの上下に入れ込むか考える必要があるので
    まずはWPのフックを調べたいと思います

    これはローカル環境つくってから後ほど宿題として

    (なければSnow Monkeyのフックで)

    0
    Who liked: No user
    #142826
    アバター画像otomeweb
    参加者
    22

    スマホで表示されたのですがMacで表示されません
    ヘッダがスライドするのが原因ではないかとおもってます

    それもあって広告の位置もパン屑あたりにしたく以下のコードをリファレンスからさがしてきました

    これで該当位置にフックされると考えてよいでしょうか

    snow_monkey_before_contents_inner
    インナーコンテンツの前に HTML を追加する
    
    MEMO: 位置としては、パンくずをコンテンツの上と設定していれば、その下辺りになります。
    add_action(
    	'snow_monkey_before_contents_inner',
    	function() {
    		?>
    		<!-- ad tags Size: 320x100 ZoneId:1577409-->
    		<script type="text/javascript" src="https://js.gsspcln.jp/t/577/409/a1577409.js"></script>
    		<?php
    	}
    );
    0
    Who liked: No user
    #142830
    アバター画像キタジマ タカシ
    参加者
    2421

    これ、サーバーサイドに複製環境つくるのではダメなんでしょうか?
    サーバー自体が落ちちゃうとダメだから意味ないのかな

    バックアップという意味では意味がないですが、とりあえずのテスト環境としては良いのではないでしょうか。ただ同じサーバーで似たような場所にあるとテスト環境でテストするつもりが間違って本番でテストしてた、ということが発生する可能性が高まると思うので、そこはよく注意したほうが良いかもです。

    それもあって広告の位置もパン屑あたりにしたく以下のコードをリファレンスからさがしてきました

    これで該当位置にフックされると考えてよいでしょうか

    パンくずの位置はレイアウトや設定によっても変わるので一概には言えませんが、デフォルトであればそれで良さそうに思います。一度試してみてください。

    0
    Who liked: No user
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • このトピックに返信するにはログインが必要です。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。