MinEMemO
🏷️「Gatsby 」Tag 記事一覧(2 posts)
【Google AdSence】Gatsby ads.txt 設置方法

2023-02-28

はじめに Google AdSenceのTOPに以下のようなアラートが出ていたため、ads.txt(アズテキスト)というものを設定しました。 ads-txtアラート Gatsby.jsでの設定方法を記載しておきます。 設定方法 Google AdSenceにアクセスして、ベルマークをクリック 「今すぐ修正」をクリック 「ダウンロード」をクリック ads_txt_gatsby.jpg 「ads.txt」がダウンロードされます ./staticフォルダに格納 後はブログを公開すれば完了です。 ads.txtとは 悪い人がなりすましを行い、 広告収入を奪っていく ようなことがあるため、それを 防いでくれる という仕組みです。 せっかくの収益を奪われたら勿体ないですし、ads.txtの設定自体はそんなに難しくないので、設置しておくことをお勧めします。 設定後は反映に時間がかかるため一旦やってみて、しばらくアラートが消えるか様子見をしてみてください。 ※最長で1か月ほどかかることがあるそうです。 ads.txt に関するガイド https://support.google.com/adsense/answer/7532444?hl=ja ads.txt に関する問題のトラブルシューティング https://support.google.com/adsense/answer/9785860?hl=ja&ref_topic=7533328 アップロードが完了したらアラートが消えるまで数週間様子見してください。 お疲れさまでした!
【Gatsby】Netlifyで一部CSSが反映しない

2023-02-25

はじめに GatsbyでbuildしてNetlifyでデプロイしたら一部CSSが反映しない!という事象が出ました。 状況は以下の通り gatsby develop 反映してる ⭕ gatsby build → gatsby serve 反映してる ⭕ gatsby build → GitHub → Netlify 反映しない ✖ 解決方法 CSSはきちんと書こうってことでした。 CSS ↓✖NGなパターンbody { font-family : "Helvetica Neue" , Arial , Meiryo ; } CSS ↓⭕OKなパターンbody { font-family : "Helvetica Neue" , "Arial" , "Meiryo" ; } インターネットで信頼している記事を参考に気軽にコピペで使ったのですが、クォーテーションが合ったりなかったりしたら、Netlify側でうまく反映出来ない感じでした。 追記 以下もダメでした。 エラー出ないし。Netlifyに反映しないだけなので厄介なので、今後また発生しだい追記しようかと思います・・・。 CSS ↓✖NGなパターンbody { padding : 8px 0 8px 0 ; } CSS ↓⭕OKなパターンbody { padding : 8px 0px 8px 0px ; } 本当に凡ミスでした。 ただ、Netlifyのデプロイの時だけ失敗する。 という状況で、原因が判明したのも勘で偶然できただけでかなり時間がとられました・・。
profile_icon
taka
プログラマー
いつでも転職希望の業務経験6年目(2022時点)のエンジニアです。 仕事の合間にすこしずつ転職活動はしていますが、条件が合う場合ぜひTwitterなどでご連絡頂けると嬉しいです。 希望条件は現在の年収を下回らない(手取り31万以上)、基本残業なし、ある程度保守運用が管理されていて、その経験ができる職場で働きたいです。 (管理がされてない案件が多く、心的安全が少ない仕事が多いので、ある程度安心して働きたいと感じています。) 経験言語はHTML、CSS、javascript、PHP、MySQL、Docker、Vuejs、Laravel このブログは完全に自作で静的ジェネレータで作りました。 この範囲で言えば React.js Gatsby.js GraphQLも経験があります。