先日、サイトの定期チェックをしていたところ、お問い合わせフォームの不具合を確認しました。 その不具合というのが、「リダイレクト現象」。 正常に画面が開かず、ブラウザーの読み込みを何度もくり返してしまう現象です。 はじめ見たときは少し慌ててしまいましたが、原因を調べた結果、その解決方法はあまりにも簡単なものでした。 1分で解決しちゃいましたよ。
![そらぺーぱー](https://cdn-ak-scissors.b.st-hatena.com/image/square/91bcac459b066b97b5c67b4f84cddcc38f5dac49/height=288;version=1;width=512/https%3A%2F%2Fsorapaper.com%2Fwp-content%2Fuploads%2F2022%2F07%2F75d02caef12b5bf31ea429c6bf3317ca.jpg)
YouTube 動画の埋め込みをレスポンシブ対応する方法を紹介します。 埋め込みコードをブロック要素で囲み、CSS の aspect-ratio プロパティを使い、アスペクト比を 16:9 に固定することで対応します。縦型動画の場合はアスペクト比を任意の値に変更してください。 また、古いブラウザーでも対応できる padding-top ハックを使った方法も紹介します。 動画の埋め込みをレスポンシブ対応する方法 aspect-ratio を使った方法 padding-top ハックを使った方法 動画の埋め込みをレスポンシブ対応する方法 まずは YouTube からコピーした「動画の埋め込みのコード(iframe)」をブロック要素(<div class="youtube">〜</div>)で囲みます。 <div class="youtube"> <iframe width="560" heig
WAF設定が『有効』になっているためアクセスがブロックされ、403errorが発生している可能性がございます。 対応方法1:WAF設定を確認し有効の場合は、一時的に無効にする 対象ドメインのWAFを「WAFの設定変更方法」にそって『無効』にして403errorが表示されるかご確認ください。 『無効』へ変更後にエラーが出なくなった場合は、WAFが原因と考えられます。 WAF設定は不正アクセス防止のための機能でございますので、PHPやCGIプログラムの記述変更が完了しましたら、WAF設定を『有効』に戻してください。 ※WAF設定が反映されるまでに5分~10分ほどかかることがございます。 対応方法2:シグネチャのアクセスを許可する spdxxx、entxxxサーバーでは対応方法2はご対応いただけません。対応方法1のみでご対応ください。 シグネチャとは、不正な通信、不正な攻撃パターンをまとめたもの
今回は、レンタルサーバーロリポップ!で403エラーが出た時の対処法として、WAF(Web Application Firewall)の無効化および除外設定のやり方をご説明します。 ■403 Error 不正なパラメーターが送信されたため、アクセスをブロックしました ■ロリポップで403エラーor保存できないエラーが出たときの対処法【WAF無効/除外設定】(動画解説版) 403Errorとはアクセス拒否のエラー WordPressの管理画面をしていると、まれにボタンを押した拍子に下記のようなエラー画面が表示されたり、保存ボタンを押してもうまく保存ができないことがあります。 (例. プラグインの設定で保存ボタンを押した時や投稿編集画面でプレビューを押した時など) ■ロリポップの403エラー画面 403 Error 不正なパラメーターが送信されたため、アクセスをブロックしました。対応方法について
レンタルサーバーで老舗感のある「さくらのレンタルサーバ」。提供される機能の一つに WAF があるものの、自動的にブロックしてしまうディレクトリ名があったため共有します。 今回はWordPressのプラグイン内にあるディレクトリをWAFが検知してブロックしてしまっていたため、一部の機能が正しく動きませんでした。 さくらのレンタルサーバのWAFとは さくらのレンタルサーバのWAF機能は SiteGuard を利用しています。 WAF(ウェブアプリケーションファイアウォール) – レンタルサーバーはさくらインターネット ちなみに、WordPressのセキュリティ系プラグイン「SiteGuard WP Plugin」を提供しており、ご存じの方も多いと思います。 WAFの設定方法に前提条件が書かれている通り、 シグネチャ検査・セッション管理などの検査を実施しており、攻撃にあたると判断したアクセスを遮
GA4のコンバージョン(キーイベント)設定の方法がわからない イベントとコンバージョンの違いがわからない コンバージョンイベントはGTMで設定した方が良い? このような疑問に答える記事です。 GA4の設定の中で最も重要なものの1つがコンバージョン(キーイベント)設定です。しかし、設定は難易度が高いという方も多いことでしょう。 実は、GA4のコンバージョン設定自体はとても簡単です。以下の画像のように、イベント一覧画面で「コンバージョンとしてマークをつける」というチェックボックスをオンにするだけだからです。 ただ、「そもそもコンバージョンとして記録したいイベントが設定されていない」という方も多いのではないでしょうか? そうです。難しいのはコンバージョン設定そのものではなく、「イベント設定」の方なのです。コンバージョンとは、「コンバージョンイベント」のことです。 ですが、肝心のイベント設定につい
PowerPoint for Microsoft 365 PowerPoint 2021 PowerPoint 2019 PowerPoint 2016 PowerPoint 2013 その他...表示数を減らす アニメーションのオンスクリーン タイマーまたは進行状況バーを追加して、プレゼンテーションをより興味深いものにすることができます。 たとえば、トレーニングの最後に時間制限付きのクイズを実施して、時間のカウントダウンを表示することができます。 PowerPoint でアニメーションの機能を使用して、さまざまな種類のタイマーを作成できます。 割り当てられた時間制限内に留まるように話している時間を追跡するタイマーを探している場合は、「 プレゼンテーションを開始して発表者ビューでノートを表示する」を参照してください。
2023年7月に従来のGoogleアナリティクス(ユニバーサルアナリティクス:UA)による計測が停止し、Googleアナリティクス4(GA4)に移行するとGoogleより発表されました。UAの代わりとなるGA4への移行に向け、早急な対応が必要です。 このようにGA4を使った流入経路の確認や設定方法が分からず、お困りのマーケターもいるのではないでしょうか。 GA4で訪問者の流入経路を分析するには、パラメータを発行して設定する必要があります。 本記事では、URLパラメータの発行方法や流入経路の確認方法を、画面キャプチャや図解を使ってわかりやすく説明します。後半では、GA4でのパラメータ設定でよくある課題についても解説しています。 GA4を用いて、異なる広告媒体における効果測定を行う方法が知りたい方は、ぜひ参考にしていただければ幸いです。 1. Googleアナリティクス(GA4)におけるパラメ
この記事では、「pictureタグを使ってレスポンシブに画像を切り替える方法」について解説します。 レスポンシブデザインのWebサイトでは、モバイルサイズ時とPCサイズ時で、別々の画像を表示したいときがあります。pictureタグを使えば、CSSやJavaScriptを使わずに画面幅に応じて画像を切り替えられます。 そのほかにもpictureタグを使うことで、ブラウザごとに拡張子を変更することもできます。webp拡張子に対応しているブラウザならWebP画像を、そうでないブラウザならpng, jpg, svgなどの画像を表示する、というように切り替えることで、ユーザビリティの向上が図れます。また、画像の切り替えにJavaScriptやCSSが不要なため表示スピード向上にもつながります。 いっしょにpictureタグについて学習していきましょう! プログラミング学習でこのような経験はありません
この記事を書いた人 リュウ名古屋の事業会社でコーダーをしている25歳。現在はフロントエンドエンジニアにキャリアップするため、コーディングやWeb制作全般について日々学習中。 こんな悩みがある方に、便利なJavaScriptライブラリを紹介します! 当記事ではJavaScriptのライブラリYubinBango.jsを利用して郵便番号を入力したら自動で住所を表示するフォームの作り方を解説します。 基本的な使い方からカスタマイズ方法を画像やコードを用いて詳しく解説するので、JavaScriptが苦手な方もこの記事を読めば郵便番号を入力したら自動で住所を表示するフォームを作れるようになります!
ブログ リスティング広告 【初心者向け】P-MAXとは?を認・・・ 【初心者向け】P-MAXとは?を認定代理店が解説!メリット・デメリット、弊社事例と合わせた実際の効果もご紹介! GoogleがリリースしたP-Max(パフォーマンス最大化キャンペーン) 名前だけは、聞いたことがあるけど、「正直、よくわからない…。」という方は少なくないのではないでしょうか? 結論、P-MAXキャンペーンとは、1つのキャンペーンでGoogleの全ての広告枠に広告を配信できるサービスで、Google広告で今最も注目されているプロダクトの一つです。 ※注意※ 2022年9月末までには、スマートショッピングキャンペーンとローカルキャンペーンがこのP-MAXへアップグレードされ、以降は、新規にスマートショッピングキャンペーンとローカルキャンペーンが作成できなくなります。 「よくわからないものに予算を投資したくない……
PHPで大容量ファイルを扱う際の制限変更 どこにでもあるphpのリクエストの最大値変更設定ですが、毎回忘れてしまうので、メモ。 PHPのサイズ最大値変更の項目 phpで大容量ファイルのアップロードを行う際に変更するのは以下の3つ。 memory_limit PHPが使用するメモリーの最大値 post_max_size POSTされるリクエストの最大値 upload_max_filesize アップロードするファイルの最大値 PHPのサイズ最大値変更時の注意点 気を付ける点として memory_limit > post_max_size > upload_max_filesize で設定すること。 post_max_size POSTデータに許可される最大サイズを設定します。この設定は、ファ イルアップロードにも影響します。大きなファイルをアップロード するには、この値を upload_ma
やりたいこと パフォーマンスや可読性のために、CSSにおけるプロパティの重複をチェックしたい。 プロパティの重複とは? .hoge { width: 100px; height: 100px; background-color: red; } .fuga { width: 100px; height: 100px; background-color: blue; } 例えば上記コードの場合、プロパティと値の組み合わせが2箇所ほど被っている状況で、書き方としてあまりよろしくありません。 .hoge, .fuga { width: 100px; height: 100px; } .hoge { width: 100px; height: 100px; background-color: red; } .fuga { width: 100px; height: 100px; background
アフィリエイターけーちゃんの個人サイトです。アフィリエイトをやっていて疑問に思ったことやサイト構築などについてきままに投稿しています。
ソース表示を見たときに、自分では身に覚えのない汚いソースが吐き出されていることに気づきました。 window._wpemojiSettings~...と始まる謎のscriptタグと、その下に謎のstyleタグ。 こんなやつ <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https://s.w.org/images/core/emoji/2.2.1/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/2.2.1/svg/","svgExt":".svg","source":{"concatemoji":"http://dutchdays.site/wp-includes/js/wp-emoji-release.min.js
そんなお悩みをお持ちの方向けの記事です。 Webサイトの中にフォームやLPへ誘導するボタンを設置してみたものの、どの程度クリックされているのか把握できていないという場合も多いことでしょう。 Google タグマネージャーを使えば、サイト内の特定のボタンクリックをイベントとして計測し、Google アナリティクス(GA4)で分析できるようになります。Looker Studioなどで以下のような表が作れれば、ページやボタンの表示位置ごとのクリックされやすさを特定し、CVRの改善に役立てることが可能です。 この記事では、GTMとGA4を使ってWebサイト内のクリック計測する方法を紹介します。Webサイトのコンバージョンを改善したいとお考えの方はぜひご覧ください。
Windows11 Homeではグループポリシーエディター(GPEDIT.MSC)が初期では使えるようになっていなくて困ることがあります。 細かな設定や検証を行う際に、グループポリシーエディターが使えないのは不便なので、この記事ではグループポリシーエディターが使えるようにする設定をご紹介します。 マイクロソフトが初期で使えないように設定している機能になるため、自己責任で操作を行います。 重要:システムの復元ポイントを作成しておく グループポリシーエディターを有効化するコマンドプログラムを準備する 無料記事:Windows活用のノウハウ 重要:システムの復元ポイントを作成しておく この手の操作をする際には必ず復元ポイントを作成しておきます。 何かが起きたときに、技術的な調査や検証を行わずにサクッと復元できることを望む場合は、イメージバックアップソフトでバックアップをしておくことをおすすめしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く