みんなのカスタマイズ / kaito5373 / 行頭に*で見出しを作る / air34n / 左上のScrapboxアイコンを好きな画像に変える / 小文字の上つけ・下つけ・中つけ / ページ幅に合わせて拡大 / ロングプレス / 均等割付 / ポラロイド写真をばらまく(不具合あり） / セクションタイトルへジャンプ（改） / 別プロジェクトへのリンク先が不存在ならオレンジ / バックグラウンド

iOS 14のホーム画面カスタマイズで発狂しそうになった話2020.09.26 19:00173,978 Victoria Song - Gizmodo US ［原文］ （ 福田ミホ ） 労多くして…。 iOS 14へのアップデートで、iPhoneでもAndroidみたいにホーム画面にウィジェットを置いたり、見た目をカスタマイズしたりが可能になりました。そこで米Gizmodo編集部でもVictoria Song記者がカスタマイズを試みたんですが、そんなに簡単じゃないみたいです…。以下、Song記者です。 私はスマホに可愛さを求めてません。InstagramとかTikTokには、いかにも簡単そうにホーム画面カスタマイズしてみた動画が出てますが、もういいやって感じです。みなさん、iOS 14のホーム画面をカスタマイズして見栄えをよくしようとか、思わないほうがいいです。 ことの発端は米Gizmo

アナリティクスの直帰率を下げる方法 みなさん、こんばんは。 Googleアナリティクスで気になる言葉「直帰率(Bounce rate)」ってどんなことか知ってますか？ ブログのあるページを訪れてから他のページを見ずに離脱する割合のことを言うそうです。 この割合が高いほど1ページしか読まれていない、他のページを読まないで帰ってしまうということになります。 このブログ「Random Life Blog」では直帰率が今日現在で88%とかなり高い数値を記録しています。 高いということはユーザーがすぐに帰ってしまっているということですね・・・。 今日はこの「直帰率」をなんとか下げる方法はないか考えてみたいと思います。 直帰率とは？ 直帰率を下げる方法 1. 内部リンクを必ず設置する 2. ブログ自体の表示速度を早くする 3. 良質な記事をたくさん書く 直帰率を下げる方法まとめ 直帰率とは？ 冒頭でも

先月、Googleの提供しているコンテンツ連動型広告配信サービスであるAdsense（アドセンス）新しい広告が増えました。 「記事内広告」という記事に溶け込む広告は試してみていたのですが、インフィード広告は未着手の状態。 はてなブログデフォルトの機能では埋め込むことは、難しかったので試した方法など紹介したいと思います。 インフィード広告とは？ 引用：What is a feed? - AdSense Help インフィード広告はその名の通り、フィードの間に広告を掲載して収益化する広告。 「フィード」と聞くとRSSを想像しますが、Googleのインフィード広告は「記事やニュースなどの一覧」や「情報のリスト」のことを指します。 フィード内に溶け込むように表示されるため、コンテンツの邪魔にならずにユーザーフローを止めないとされていますが、騙されたと感じる人も少なからずいるような気がしています・・

カスタマイズに終わりはない…。誰かがそんなことを言ったとか言わないとか…。 よくあることなんですが、気付くとブログをカスタマイズして遊んでいます。カスタムして気分転換！これが一番楽しい！（書き手に向いてないのは知ってます。） その度に検索して探すのが面倒なのでココにに集めることにしました。 今日はSNSシェアボタンとフォローボタンを集めてみました。ボタン１つで雰囲気が変わるので重要だと思います。 ちなみに「俺のやつ勝手に載せるな！」って方は連絡下さい。光の速さで消しますので…。 あと載ってる順番に意味はありませんので、あしからず…。

どーも！がるしーです 最近話題の「Pinterest（ピンタレスト）」という画像取集サービスが面白くてハマっています！ Instagramのような画像メインのSNSのようですが、その違いは画像をピン（保存）してブックマークできるという特徴があります 自分が過去に検索したワードと関連性の高い画像や、自分が登録した興味のあるジャンルから画像を閲覧することができていいね！したりすることもできるんです 本日はそんな「Pinterest（ピンタレスト）」をはてなブログで紹介したいときに使える 記事に埋め込むやり方をまとめてみました！ はてなブログで「Pinterest（ピンタレスト）」を埋め込む方法 ①埋め込みたいピンをクリックして選択 ②埋め込むボタンを押してウィジェットビルダーを開く ③コードを設定と記事に張り付ける はてなブログで「Pinterest（ピンタレスト）」を埋め込む方法 まずピンタ

ブログやHPに問い合わせフォームを作る方法はいくつかあります。 無料で作る方法としておすすめなのは、Googleフォームを使うことです。 ※大分　ブロッサムホテルにて　iPhone SE 追記： 2018年5月、次の記事を書きました。 お問い合わせフォーム作成の流れとポイント お問い合わせフォームは、 ・お問い合わせ ・仕事の依頼 を受けるために必須です。 ブログやHPに必ず設置しましょう。 お問い合わせフォームの流れ お問い合わせフォームは次のような流れです。 フォームに入力していただく ↓ こちらが入力を知る（メールで届く） ↓ 返信する メールを送っていただくよりも入力者の負担が少ないのが、お問い合わせフォームのメリットといえます。 メールだと、挨拶、宛名、文章など考えることが増えるので、極力フォームを使いましょう。 項目は最低限にする お問い合わせフォームの項目は必要最低限にすべき

Site will be available soon. Thank you for your patience!

はてなブログの利用者以外には「はてなスター」は意味がわからない 現在、はてなブログを利用している僕ですが、はてなブログユーザーになる前にも検索やSNSからの流入で、はてなブログを閲覧する機会は結構ありました。 その際、閲覧したブログに「はてなスター」や「はてなブックマーク」は表示されていましたが、正直、まったく意味がわかりませんでした。 はてなユーザー以外がブログを閲覧した際、「意味がわからない」だけならまだいいのですが、当時の僕は「はてなユーザーの内輪の馴れ合い」を感じて軽い嫌悪感を覚えるほどでした。同時に「敷居の高いブログなんだなー」とも感じました。 実際はそんなことないんですけどね。 自分がはてなユーザーになって「はてなスター」と「はてなブックマーク」を使ってみると、なるほど便利だと感じました。しかし、はてなユーザー以外には無用の長物です。ブログの閲覧者は、はてなユーザーだけではない

そういったことを避けるために【noindex】が使えるというわけです。過去に作成した中に、他の記事に比べて文字数が極端に少ない記事はありませんか。 私の場合、"ブログ移転しました" や "連絡はこちらから"のような記事がこれにあたります。 では、これらの記事にどのような対策を加えれば良いのでしょうか。 <meta name="robots" content="noindex,nofollow"> こんなのや <meta name="robots" content="noindex"> こんな記述を追加することで、記事をインデックスしなくなります。 このような記述を追加する必要があるのですが、まずは以下から今回の流れを見ていきましょう。 今回の流れ 今回のカスタマイズは、以下のような流れで実行していきます。 手順で見るとたったこれだけですが、noindexにしたい記事が多ければ多いほど時間が

Google Adsenseの「自動広告」がリリースされてはや一週間。 挿入位置がけっこうフリーダムだったりとか改善点は腐るほどあるのですが、意外に安定した収益を生んでくれるので愛用しはじめちゃってる僕です（笑） ただこの「自動広告」。 とにかく「隙あらばぶっこんで来る」ので、記事のデザインであるとかアフィリエイト的な戦略とかを完全に無視してガンガン入れてきます。 適当に書いた雑記であるとか、PV増やしてAdSenseリンク」なんて事も結構あったりするわけです。 ということで今回は「特定のカテゴリで『自動広告を非表示』にする方法」の解説です。 自動広告は＜ｈｅａｄ＞内じゃなくてもＯＫ Google さんで自動広告を設置しようとすると「head内に設置してね」的な事が書いてあるので、大半の皆様は詳細設定内の「head内に要素を追加」の部分に「自動広告のタグ」を記述していると思います。 ただ、

Site will be available soon. Thank you for your patience!

はてなブログのテーマストアに思った以上にヤバみが高いテーマが投稿されました。 その名も「ONIHITODE」。有名ワードプレステーマである、「SANGO」を意識して作られたテーマです。 このテーマ、なぜか死ぬほど賞賛されてます。 賞賛してる人たちは、本当に恥ずかしい人になっていることを理解しましょう。 どんぐらいパクってるの？ 【ついにきた…！】はてなブログ最新テーマ「ONIHITODE」がマジでおすすめ - オークニズム SANGO | 心地良さを追求したWordPressテーマ ｽﾄﾗｨｨｸ!!!ﾊﾞｯﾀｰｱｳ!! 似てるの？パクリっていうほど？とか思う方もいるかもしれませんが、確かにクオリティは低めです。 現在テーマが削除されている為、なかなか指摘が難しいところではあるのですが、もし見たことがない人は、「SANGOを知っている人なら割と気づくレベル」、「SANGOの作者が怒るレベル」

ブログ運営で大切なことは、公開した記事がきちんと読まれることです。ウェブアナリストの小川卓さんによるブログ分析の入門。第2回は、良い記事を見極める「読了率」と「スクロール率」についてです。 cover photo by Jastrow (2008) - Musa reading a scroll., Public Domain, Link前回の記事では、過去の記事を評価する方法を紹介しました。 過去の記事を「地層」にしよう！ ブログの「初月率」を取得して改善に活かすには【小川卓のGoogleアナリティクスではてなブログ分析入門 第1回】 - 週刊はてなブログ 今回は、公開後間もないものも含めて記事自体を評価する方法を紹介します。良い記事と悪い記事を見極めるには、何を見る必要があるのでしょうか？ わかりやすい指標としては、ページビュー数やはてなブックマーク数などがあるでしょう。そういった数字

9/7追記：全体的にボタンのサイズが大きかったり、他のテーマでやると、円形のフォローボタンのデザインが悪かったりしたので、調整をしました。 また、サイドバーにも馴染むようなフォローボタンサンプルも追加しました。 9/9追記：feedlyのURLが間違っていました！「http://www.yukihy.com/feed」を「自分のブログのURL」に変更ではなく、「http://www.yukihy.com」を「自分のURL」に変更でした。大変失礼いたしましたm(_ _)m 10/2追記：独自ドメインを取得している方は、はてなブログでのドメインを入れないとFeedlyのフォロワー数が違くなるようです。詳しくは「http://www.yukihy.com/entry/feedly-follower-mistake」をどうぞ 10/16追記：はてなのボタンをポップアップにする方法を「その他のカスタ

2017/1/26追記 さらに楽をしたい方は以下の記事をご覧ください uxlayman.hatenablog.com uxlayman.hatenablog.com 上記記事は当ブログの密かな人気記事なのですが、どうも最近問題が発見されたようです。 http://www.toma-g.net/entry/kijinaka_yasuiwww.toma-g.net okanewofuyaso.hateblo.jp 要は 記事上下の広告を移動するスクリプト使う →(2重、もしくは多重カウントされて)アクティブビュー視認可能率が下がる →(みんなが見ない場所に貼られた広告だと判断されて)広告単価が下がる という話であるようです。 ということで改良版をつくりました。 今回も、コピペで簡単やで！（けど、ちょっとだけ注意点があるので気をつけてや！あと、いつでも元の状態に戻せるようにメモ帳にでもなんにでも

Google Adsenseの審査に合格したら、まず行うことは広告の設置ですね。この記事ではアドセンス広告を設置する方法、必要なスクリプトを自動的に作成できるツールを提供しています。 このスクリプトでは、はてなブログを利用中で記事中やフッターにGoogle Adsense（アドセンス）を設置・自動挿入しつつ、ポイントサイト記事など特定カテゴリでは広告を非表示にすることが可能です。 目的の機能 本記事が目指すのは次の2つの機能です。 Google Adsense 広告を記事中に自動挿入する 特定の記事でGoogle Adsense 広告を非表示にする この2つを同時に実現するのがいかに大変かを既にご存知のブロガーさんも多いかと思います。なぜなら、1と2はそれぞれ別の人たちが作ってくださったスクリプト（JavaScript）のため、同時に利用することを前提として作られていないからです。 そのた

こんにちは、すずしんです。 ブログを運営していると、iTunesに関連する商品(アプリ・楽曲・アルバム・動画など)を紹介したい事があると思います。 通常だと、iTunesアフィリエイトのツールを使いますよね？ ログインして、商品を検索して、コードを貼り付けて…といった手順を踏みます。 ただ、この方法だと面倒くさいと言いますか、ちょっと手間がかかりすぎるのですよ。 もっと楽にiTunesアフィリエイトリンク作成ができると嬉しいですよね。 そこで、色々と調べてみたところ、「AppHtml」というツールを発見しました！ 私も試しに使ってみましたが、これは便利だと思いましたよ。 簡単に使えて、その上とても使いやすいです。 今回の記事では、その「AppHtml」の簡単な使い方について書いていこうと思います。 AppHtmlでこんなリンクが作成されます AppHtmlブックマークレット・メーカーの設定

こんばんは、すずしんです。 ちょっと質問ですが…。 あなたはブログ記事にYouTubeの動画を埋め込んだことはありますか？ 特に対策を何もしていない場合には…。 そのまま動画を埋め込むと、その動画はレスポンシブには対応していません。 なので、特にスマホで表示させたときに動画のサイズがおかしくなってしまいます。 そこで、今回の記事では…。 埋め込んだYouTube動画をCSSでレスポンシブ対応にする方法について書いてみようと思います。 ちょっといじるだけですので簡単ですよ。 YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) YouTube動画の埋め込みをレスポンシブ対応にする方法(完全対応編) YouTube動画の埋め込みテスト ひとこと YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) 最もシンプルにYouTube動画をレスポンシブ対応にするには